Merge branch 'master' of http://git.luyuan.tk/luyuan/beelink into xbx

src/components/LiveCount.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="cont">
         <div class="title">
-        <div>上课学生</div>
+        <div>{{lan.$t('shangkexuesheng')}}</div>
-        <div class="more" @click="toxq">查看详情</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>{{i.length}}min</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
         };
     },
 });

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
         }
     }
 })

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
     }
   },
 });

src/components/Menu.vue

@@ -12,7 +12,7 @@
                 <div class="item" :class="{'selitem': j == selnum, 'seltop': j == selnum - 1, 'selbottom': j == selnum + 1}">
                     <div class="route">
                         <img :src="i.icon" alt="" class="icon">
-                        <div class="title">{{i.name}}</div>
+                        <div class="title">{{lan.$t(i.name)}}</div>
                     </div>
                     <img alt="" src="../static/images/jiantou.png" class="right">
                 </div>
@@ -24,7 +24,7 @@
                 <div class="route" @click="logout">
                     <img src="../static/images/tuichu.png" alt="" class="icon">
                     <div class="title">
-                        帐号退出
+                        {{lan.$t('tuichu')}}
                     </div>
                 </div>
             </div>
@@ -119,11 +119,13 @@ import { setToken } from '@/api/base';
 import router from '@/router';
 import store from '@/store';
 import { saveValue } from '@/utils/common';
+import { useI18n } from '@/utils/i18n';
 import { computed, defineComponent, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
 export default defineComponent({
     setup(){
+        const lan: any = useI18n();
         interface MenuItem {
             icon: string;
             sleicon: string;
@@ -135,37 +137,37 @@ export default defineComponent({
             {  
                 icon: require("../static/images/wode1.png"),
                 sleicon:"",
-                name: "我的档案",
+                name: 'wodedangan',
                 route: "/mine/archives"
             },
             {  
                 icon: require("../static/images/xiayig.png"),
                 sleicon:"",
-                name: "发布直播",
+                name: 'fabuzhibo',
                 route: "/mine/webcast"
             },
             {  
                 icon: require("../static/images/shipin.png"),
                 sleicon:"shipin.png",
-                name: "上传视频",
+                name: 'shangchuanshipin',
                 route: "/mine/video"
             },
             {  
                 icon: require("../static/images/yinhangka.png"),
                 sleicon:"",
-                name: "我的钱包",
+                name: 'wodeqianbao',
                 route: "/mine/wallet"
             },
             {  
                 icon: require("../static/images/tongji.png"),
                 sleicon:"",
-                name: "列表统计",
+                name: 'liebiaotongji',
                 route: "/mine/liststatistic"
             },
             {  
                 icon: require("../static/images/bangzhu.png"),
                 sleicon:"",
-                name: "关于Beelink",
+                name: 'guanyu',
                 route: "/mine/aboutus"
             }
         ]
@@ -216,7 +218,8 @@ export default defineComponent({
             userinfo,
             logout,
             mouse,
-            tuichu
+            tuichu,
+            lan
         }
     }
 })

src/components/NavBottom.vue

@@ -2,15 +2,16 @@
     <div class="nav-bottom">
         <div class="nav-container" :style="color">
             <div v-for="(item, index) in navArray" :key="index" class="nav-item" @click="navto(item.route)">
-               <div :class="item.route==nowroute?'active':''">{{ item.name }}</div> 
+               <div :class="item.route==nowroute?'active':''">{{lan.$t(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;
@@ -29,22 +31,40 @@ export default defineComponent({
         console.log(routes.path)
          const navArray: Array<Nav> = [
             {
-                name: "直播管理",
+                name: 'zhiboguanli',
                 route: "/regime/live"
             },
             {
-                name: "视频管理",
+                name: 'shipinguanli',
                 route: "/regime/video"
             },
             {
-                name: "订阅者管理",
+                name: 'dingyuezheguanli',
                 route: "/regime/subscriber"
             },
             {
-                name: "个人中心",
+                name: '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
         }
     }
 })

src/components/NavTop.vue

@@ -7,7 +7,7 @@
         </div>
         <div class="navigation">
             <div class="item" v-for="(i,j) in nav" :key="j" @click="navto(j)">
-                <div :class="i.route==nowroute?'active':''">{{i.name}}</div>
+                <div :class="i.route==nowroute?'active':''">{{lan.$t(i.name)}}</div>
             </div>
         </div>
         <div style="width: 100%"></div>
@@ -261,19 +261,19 @@ export default defineComponent({
         }
         const nav: Array<Nav> = [
             {
-                name: lan.$t('zhiboguanli'),
+                name: 'zhiboguanli',
                 route: "/regime/live"
             },
             {
-                name: lan.$t('shipinguanli'),
+                name: 'shipinguanli',
                 route: "/regime/video"
             },
             {
-                name: lan.$t("dingyuezheguanli"),
+                name:  'dingyuezheguanli',
                 route: "/regime/subscriber"
             },
             {
-                name: lan.$t("gerenzhongxin"),
+                name: 'gerenzhongxin',
                 route: "/mine/archives"
             }
         ]
@@ -303,6 +303,7 @@ export default defineComponent({
             languagelist.value=await getlanguages()
             console.log(routes.path)
             nowroute.value=routes.path
+            lan.locale.value = userinfo.value.languageValue
         })
         
         function zonechange(e?: any){

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">

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
         }
     }
 })

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>{{lan.$t('zhuangtai')}}</span>
-            <span class="status">正在审核中，情耐心等待</span>
+            <span class="status">{{lan.$t('shenheing')}}</span>
         </div>
         <div class="item item1" v-if="status==2">
-            <span>状态</span>
+            <span>{{lan.$t('zhuangtai')}}</span>
-            <span class="status1">审核未通过</span>
+            <span class="status1">{{lan.$t('shenheweitongguo')}}</span>
         </div>
         <div class="item item1" v-if="status==1">
-            <span style="flex-shrink:0">原因</span>
+            <span style="flex-shrink:0">{{lan.$t('yuanyin')}}</span>
-            <span class="status">您的视频中含有大量敏感词汇，请修改后再次上传，感谢您对Beelink的技术支持 </span>
+            <span class="status"> {{lan.$t('yuanyintext')}} </span>
       </div>
     </div>
     <div class="button">
-      <div class="modify" @click="update(videoid)">修改该视频</div>
+      <div class="modify" @click="update(videoid)">{{lan.$t('xiugaishipin')}}</div>
-      <div class="del" @click="drop(videoid)">删除该视频</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
         }
     }
 });

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
         }
     }
 })

src/components/VideoReview.vue

@@ -2,10 +2,10 @@
     <div class="review">
         <div class="top">
             <div class="title">
-                该视频评价
+                {{lan.$t('shipinpingjia')}}
-                <span>8.0分</span>
+                <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" />
+            <a-textarea v-model:value="commentval" :placeholder="lan.$t('shuruliuyan')" :rows="4" />
-            <div class="send" @click="send">发表留言</div>
+            <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
 
             
         }

src/i18n/en.ts

@@ -1,28 +1,3 @@
 export default {
-    zhiboguanli: "直播管理",
+
-    shipinguanli: "视频管理",
-    dingyuezheguanli: "订阅者管理",
-    gerenzhongxin: "个人中心",
-    rili: "Date",
-    quanbuzhibo: "全部直播",
-    weikaishi: "未开始",
-    yijieshu: "已结束",
-    zhibosousuo: "请输入想要搜索的直播标题",
-    haiweikaishi: "还未开始",
-    yijueshi: "已结束",
-    jinruzhibo: "进入直播",
-    quanbushipin: "全部视频",
-    shenhezhong: "审核中",
-    weitongguo: "未通过",
-    yifabu: "已发布",
-    shipinsousuo: "请输入想要搜索的直播标题",
-    wodedingyuezhe: "我的订阅者",
-    xingming: "姓名",
-    suozaiguojia: "所在国家",
-    nianling: "年龄",
-    xueshengmuyu: "学生母语",
-    xingqudian: "兴趣点",
-    yuyandengji: "语言等级",
-    canyupingtaishichang: "参与平台直播总时长",
-    sousuoxuesheng: "请输入想要搜索的学生姓名"
 }

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,204 @@ 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:"提现到指定账户",
+    yue:"余额",
+    xuanzezhanghu:"选择账户",
+    tixianjine:"提现金额",
+    quanbujine:"全部金额",
+    tixianzhu:"注：每笔提现收取0.1%服务费，最低￥0.1",
+    yueshu:"您的余额只有",
+    zuiditixian:"最低提现金额￥100",
+    mingxichaxun:"明细查询",
+    kaishiriqi:"请选择开始日期",
+    jieshuriqi:"请选择结束日期",
+    zhanghu:"账户",
+    tijiaoriqi:"提交日期",
+    jine:"金额",
+    caozuo:"操作",
+    jiaoyimingxixiangqing:"交易明细详情",
+    leixing:"类型",
+    zhiboshouru:"直播收入",
+    tixian:"提现",
+    houtaichongzhi:"后台充值",
+    liushuihao:"流水号",
+    riqi:"日期",
+    laiyuan:"来源",
+    fanhui:"返回",
+    tixianjiluxiangqing:"提现记录详情",
+    daozhangjine:"到帐金额",
+    shouxufei:"手续费",
+    tixianzhuangtai:"提现状态",
+    yuanyinmiaoshu:"原因描述",
+    mingcheng:"名称",
+    shoukuanzhanghu:"收款账户",
+    quanbu:"全部",
+    shouru:"收入",
+    zhichu:"支出",
+    xinzengzhanghu:"新增账户",
+    shurukahao:"请输入收款人储蓄卡号",
+    kahao:"卡号",
+    kaihuhang:"开户行",
+    shurukaihuhang:"请输入开户行",
+    shuruzhifubao:"请输入支付宝账号/密码",
+    saomabangding:"扫码绑定",
+    zhu:"注",
+    weixinbangding:"打开手机微信扫描左侧二维码 进行微信账户绑定",
+    yinhangzhanghu:"银行账户",
+    yinhangbic:"银行BIC码",
+    tijiao:"提交",
+    zhiboliebiao:"直播列表",
+    zhibokecheng:"直播课程",
+    canyurenshu:"参与人数",
+    kechengpingfen:"课程评分",
+    shipinliebiao:'视频列表',
+    fabushipin:"发布视频",
+    zongguankanshu:"总观看数",
+    pingjundefen:"平均得分",
+    dingyueliebiao:"订阅列表",
+    dingyuerenshu:"订阅人数",
+    fuwutiaokuan:"服务条款",
+    yinsizhengce:"隐私政策",
+    shurufankui:"请输入您的意见反馈",
+    tijiaofankui:"提交反馈",
+    tuichu:"帐号退出",
+    wodedangan:"我的档案",
+    liebiaotongji:"列表统计",
+    guanyu:"关于Beelink"
 }

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">
-            想起密码？
+            {{lan.$t('xiangqimima')}}
-            <span class="tosign"><router-link to="/"> 去登录 </router-link></span>
+            <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-form-item :label="lan.$t('zhanghuming')" class="form-item">
-                <a-input class="shuru" placeholder="请输入您的邮箱或者手机号"  v-model:value="uinfo.phone"/>
+                <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">
-            已有账号？
+            {{lan.$t('yiyouzhanghao')}}
-            <span class="tosign"><router-link to="/"> 去登录 </router-link></span>
+            <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-form-item :label="lan.$t('chongzhimima')" class="form-item">
-                <a-input class="shuru" placeholder="请再次输入您的密码" type="password" v-model:value="uinfo.password"/>
+                <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-form-item :label="lan.$t('querenmima')" class="form-item">
-                <a-input class="shuru" placeholder="请再次输入您的密码" type="password" v-model:value="uinfo.repassword"/>
+                <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="submit" @click="next(3)">{{lan.$t('querenchongzhi')}}</div>
-            <div class="orginfo">Beelink公司版权所有 2019—2022</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
     };
   },
 });

src/views/login/Sign.vue

@@ -4,48 +4,80 @@
         <div class="box">
             <div :class="stepnow != 2 ? 'left' : 'left left1'">
                 <div class="title">
-            您好，欢迎来到 <span class="orgname">Beelink</span>
+                    {{ lan.$t("huanying") }}
+                    <span class="orgname">{{ lan.$t("beelink") }}</span>
                 </div>
 
                 <div v-if="stepnow == 1">
                     <div class="nosign">
-                已有账号？
+                        {{ lan.$t("yiyouzhanghao") }}
-                <span class="tosign" @click="navto('/')"> 去登录 </span>
+                        <span class="tosign" @click="navto('/')">
+                            {{ lan.$t("qudenglu") }}
+                        </span>
                     </div>
 
                     <a-form :layout="formLayout">
-                <a-form-item label="手机号" class="form-item">
+                        <a-form-item
+                            :label="lan.$t('shoujihao')"
+                            class="form-item"
+                        >
                             <a-input-group compact>
                                 <a-select
+                                    :default-value="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="86">
-                    <a-select-option value="Jiangsu"> Jiangsu </a-select-option>
+                                        中国+0086
-                    </a-select>
+                                    </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="请输入您的手机号"
+                                    :placeholder="lan.$t('shurushouji')"
                                 />
                             </a-input-group>
                         </a-form-item>
-                <a-form-item label="验证码" class="form-item">
+                        <a-form-item :label="lan.$t('yanzhengma')" class="form-item">
                             <a-input-group compact>
-                    <div class="getcode" style="width: 50%" @click="getcode">
+                                <div
-                    点击获取验证码{{ time == 60 ? "" : "(" + time + ")" }}
+                                    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="请输入您的验证码"
+                                    :placeholder="lan.$t('shuruyzm')"
                                 />
                             </a-input-group>
                         </a-form-item>
-                <div class="submit" @click="next(2)">下一步</div>
+                        <div class="submit" @click="next(2)">{{lan.$t('xiayibu')}}</div>
                         <div class="agreement" @click="agree">
                             <div class="ifagree">
                                 <img
@@ -55,52 +87,52 @@
                                     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('/')"> 去登录 </span>
+                        <span class="tosign" @click="navto('/')"> {{lan.$t('qudenglu')}} </span>
                     </div>
                     <a-form :layout="formLayout">
                         <div class="signform">
-                <a-form-item label="设置密码" class="form-item">
+                            <a-form-item :label="lan.$t('shezhimima')" class="form-item">
                                 <a-input
                                     class="shuru"
-                    placeholder="请输入您的密码"
+                                    :placeholder="lan.$t('shurumima')"
                                     type="password"
                                     v-model:value="userinfo.pass"
                                 />
                             </a-form-item>
-                <a-form-item label="设置密码" class="form-item">
+                            <a-form-item :label="lan.$t('shezhimima')" class="form-item">
                                 <a-input
                                     class="shuru"
-                    placeholder="请再次输入您的密码"
+                                    :placeholder="lan.$t('shurumimatwo')"
                                     type="password"
                                     v-model:value="userinfo.passtow"
                                 />
                             </a-form-item>
-                <a-form-item label="姓名" class="form-item">
+                            <a-form-item :label="lan.$t('xingming')" class="form-item">
                                 <a-input
                                     class="shuru"
-                    placeholder="请输入您的姓名"
+                                    :placeholder="lan.$t('shuruxingming')"
                                     v-model:value="userinfo.name"
                                 />
                             </a-form-item>
-                <a-form-item label="邮箱" class="form-item">
+                            <a-form-item :label="lan.$t('youxiang')" class="form-item">
                                 <a-input
                                     class="shuru"
-                    placeholder="请输入您的邮箱"
+                                    :placeholder="lan.$t('shuruyouxiang')"
                                     v-model:value="userinfo.emil"
                                 />
                             </a-form-item>
-                <a-form-item label="母语" class="form-item">
+                            <a-form-item :label="lan.$t('muyu')" class="form-item">
                                 <a-input
                                     class="shuru"
-                    placeholder="请输入您的母语"
+                                    :placeholder="lan.$t('shurumuyu')"
                                     v-model:value="userinfo.muyu"
                                 />
                             </a-form-item>
@@ -109,7 +141,7 @@
                                     v-model:value="userinfo.jiaoshou"
                                     class="getcode"
                                     style="color: #111"
-                    placeholder="请选择您的教授"
+                                    :placeholder="lan.$t('xuanzejiaoshou')"
                                 >
                                     <a-select-option
                                         v-for="(item, index) in willsay"
@@ -122,43 +154,63 @@
                             </a-form-item>
                         </div>
 
-                <div class="submit" @click="next(3)">立刻注册</div>
+                        <div class="submit" @click="next(3)">{{lan.$t('lijizhuce')}}</div>
-                <div class="orginfo">Beelink公司版权所有 2019—2022</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('您已完成注册')}}</div>
-            <img src="@/static/images/success.png" alt="" class="success" />
+                    <img
+                        src="@/static/images/success.png"
+                        alt=""
+                        class="success"
+                    />
                     <div class="ale" @click="navto('/mine/archives')">
-                恭喜您注册成功，点击跳转到我的档案页面
+                        {{lan.$t('qudangan')}}
                     </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 ? 'circle step1' : 'circle'">
-                <div :class="stepnow == 1 ? 'stepnow' : ''">验证手机号</div>
+                            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 ? 'circle step1' : 'circle'">
-                <div :class="stepnow == 2 ? 'stepnow' : ''">填写帐号信息</div>
+                            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 ? 'circle step1' : 'circle'">
-                <div :class="stepnow == 3 ? 'stepnow' : ''">帐号注册完成</div>
+                            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" />
+                    <img
+                        src="@/static/images/facebook.png"
+                        alt=""
+                        class="icon"
+                    />
                 </div>	
             </div>
         </div>
@@ -166,16 +218,24 @@
 </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倒计时
@@ -247,8 +318,8 @@ export default defineComponent({
                 return false;
             }
             if (userinfo.value.pass != userinfo.value.passtow) {
-				message.error("两次密码输入不一致")
+                message.error("两次密码输入不一致");
-				return
+                return;
             }
             if (userinfo.value.name == "") {
                 message.error("姓名不能为空");
@@ -274,7 +345,6 @@ export default defineComponent({
          */
 
         async function next(e: number) {
-          
             if (!ifagree.value) {
                 message.error("请同意用户协议");
                 return;
@@ -300,6 +370,7 @@ export default defineComponent({
                     if (res) {
                         stepnow.value = e;
 					}
+ 
                     break;
                 }
                 case 3: {
@@ -314,6 +385,7 @@ export default defineComponent({
                             stepnow.value = e;
                         }
 					}
+ 
                 }
             }
         }
@@ -332,6 +404,8 @@ export default defineComponent({
             userinfo,
             willsay,
             navto,
+            lan,
+            quhaolist,
         };
     },
 });

src/views/mine/Aboutus.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="aboutus">
     <div class="tabs">
-        <div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">服务条款</div>
+        <div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">{{lan.$t('fuwutiaokuan')}}</div>
-        <div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">隐私政策</div>
+        <div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">{{lan.$t('yinsizhengce')}}</div>
-        <div :class="tabindex == 3 ? 'on' : ''" @click="tabchange(3)">意见反馈</div>
+        <div :class="tabindex == 3 ? 'on' : ''" @click="tabchange(3)">{{lan.$t('yijianfankui')}}</div>
       </div>
     <div class="line"></div>
     <div class="content" v-if="tabindex==1|| tabindex==2">
@@ -31,13 +31,13 @@
     <div v-else>
       
       <div class="fankui">
-        <div class="label">意见反馈</div>
+        <div class="label">{{lan.$t('yijianfankui')}}</div>
         <div>
-             <a-textarea v-model:value="value" placeholder="请输入您的意见反馈" :rows="10" />
+             <a-textarea v-model:value="value" :placeholder="lan.$t('shurufankui')" :rows="10" />
         </div>
       </div>
 
-      <div class="sub" @click="sub">提交反馈</div>
+      <div class="sub" @click="sub">{{lan.$t('tijiaofankui')}}</div>
     </div>
     <NavBottom class="navbottom"></NavBottom>
   </div>
@@ -48,12 +48,14 @@ import { defineComponent, ref } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
 import { feedback } from '@/api';
 import { useRoute } from 'vue-router';
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   name: "Aboutus",
   components: {
     NavBottom,
   },
   setup() {
+    const lan: any = useI18n();
     const tabindex=ref(1)
     const value = ref("")
     console.log(useRoute().query)
@@ -72,7 +74,8 @@ export default defineComponent({
       tabchange,
       tabindex,
       sub,
-      value
+      value,
+      lan
     };
   },
 });

src/views/mine/Addaccount.vue

@@ -3,11 +3,11 @@
     
     <div class="mingxilist">
       <div class="tabs">
-        <div class="beforetab">新增账户</div>
+        <div class="beforetab">{{lan.$t('xinzengzhanghu')}}</div>
       </div>
       <div class="line"></div>
       <div class="choose">
-        <div class="label">选择账户</div>
+        <div class="label">{{lan.$t('xuanzezhanghu')}}</div>
         <!-- <a-radio></a-radio> -->
         <div v-if="ifchina">
           <a-radio-group
@@ -19,15 +19,15 @@
           >
             <a-radio :value="4">
               <img src="@/static/images/bank.png" alt="" class="icon icon1" />
-              <span>银行卡</span>
+              <span>{{lan.$t('yinhangka')}}</span>
             </a-radio>
             <a-radio :value="2">
               <img src="@/static/images/walletzfb.png" alt="" class="icon" />
-              <span>支付宝</span>
+              <span>{{lan.$t('zhifubao')}}</span>
             </a-radio>
             <a-radio :value="1">
               <img src="@/static/images/walletweixin.png" alt="" class="icon" />
-              <span>微信</span>
+              <span>{{lan.$t('weixin')}}</span>
             </a-radio>
           </a-radio-group>
         </div>
@@ -45,7 +45,7 @@
                 alt=""
                 class="icon icon1"
               />
-              <span>银行卡</span>
+              <span>{{lan.$t('yinhangka')}}</span>
             </a-radio>
             <a-radio :value="2">
               <img src="@/static/images/paypi.png" alt="" class="icon" />
@@ -58,23 +58,23 @@
          <a-form >
           <div>
             <div class="infoitem">
-              <span class="label label1">姓名</span>
+              <span class="label label1">{{lan.$t('xingming')}}</span>
-              <a-input v-model:value="accountinfo.mname" class="shuru" placeholder="请输入姓名" />
+              <a-input v-model:value="accountinfo.mname" class="shuru" :placeholder="lan.$t('shuruxingming')" />
             </div>
             <div class="infoitem">
-              <span class="label label1">卡号</span>
+              <span class="label label1">{{lan.$t('kahao')}}</span>
               <a-input
                 v-model:value="accountinfo.bankcode"
                 class="shuru"
-                placeholder="请输入收款人储蓄卡号"
+                :placeholder="lan.$t('shurukahao')"
               />
             </div>
             <div class="infoitem">
-              <span class="label label1">开户行</span>
+              <span class="label label1">{{lan.$t('kaihuhang')}}</span>
               <a-input
                 v-model:value="accountinfo.bankname"
                 class="shuru shuru2"
-                placeholder="请输入开户行"
+                :placeholder="lan.$t('shurukaihuhang')"
               />
             </div>
           </div>
@@ -83,22 +83,22 @@
       <div class="cashoutmoney" v-if="accountinfo.type == 2 && ifchina">
         <div>
           <div class="infoitem">
-            <span class="label label1">帐号</span>
+            <span class="label label1">{{lan.$t('zhanghao')}}</span>
             <a-input
               v-model:value="accountinfo.account"
               class="shuru"
-              placeholder="请输入支付宝账号/密码"
+              :placeholder="lan.$t('shuruzhifubao')"
             />
           </div>
         </div>
       </div>
       <div class="cashoutmoney" v-if="accountinfo.type == 1 && ifchina">
-        <div class="label label1">扫码绑定</div>
+        <div class="label label1">{{lan.$t('saomabangding')}}</div>
         <div class="ewmbox">
           <img src="@/static/images/erweima.png" alt="" class="ewmpic" />
-          <div class="desc">注：</div>
+          <div class="desc">{{lan.$t('zhu')}}：</div>
           <div class="desc desc1">
-            打开手机微信扫描左侧二维码 进行微信账户绑定
+            {{lan.$t('weixinbangding')}}
           </div>
         </div>
       </div>
@@ -106,23 +106,23 @@
       <div class="cashoutmoney" v-if="paytypeforign == 1 && !ifchina">
         <div>
           <div class="infoitem">
-            <span class="label label1">账户名</span>
+            <span class="label label1">{{lan.$t('zhanghuming')}}</span>
-            <a-input v-model="accountinfo.mname" class="shuru" placeholder="请输入姓名" />
+            <a-input v-model="accountinfo.mname" class="shuru" :placeholder="lan.$t('shuruxingming')" />
           </div>
           <div class="infoitem">
-            <span class="label label1">银行账户</span>
+            <span class="label label1">{{lan.$t('yinhangzhanghu')}}</span>
             <a-input
               v-model="accountinfo.bankcode"
               class="shuru shuru2"
-              placeholder="请输入收款人储蓄卡号"
+              :placeholder="shurukahao"
             />
           </div>
           <div class="infoitem infoitem1">
-            <div class="label label1 label2"> 银行BIC码 /swift code </div>
+            <div class="label label1 label2"> {{lan.$t(yinhangbic)}} /swift code </div>
             <a-input
               v-model="accountinfo.bankname"
               class="shuru shuru1"
-              placeholder="请输入开户行"
+              :placeholder="lan.$t('shurukaihuhang')"
             />
           </div>
         </div>
@@ -131,16 +131,16 @@
           <div class="cashoutmoney" v-if="paytypeforign == 2 && !ifchina">
         <div>
           <div class="infoitem">
-            <span class="label label1">帐号</span>
+            <span class="label label1">{{lan.$t('zhanghao')}}</span>
             <a-input
              v-model:value="accountinfo.account"
               class="shuru"
-              placeholder="请输入账号"
+              :placeholder="lan.$t('shuruzhanghao')"
             />
           </div>
         </div>
       </div>
-      <div class="cashoutall submit" @click="sub">提交</div>
+      <div class="cashoutall submit" @click="sub">{{lan.$t('tijiao')}}</div>
       <NavBottom class="navbottom"></NavBottom>
     </div>
   </div>
@@ -151,12 +151,14 @@ import { defineComponent, onMounted, ref, toRaw } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
 import { accountadd, editaccount, getaccountinfo } from '@/api';
 import { useRoute } from 'vue-router';
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   name: "Cashout",
   components: {
     NavBottom,
   },
   setup() {
+    const lan: any = useI18n();
     const money = ref(0);
     const paytype = ref(4);
     const paytypeforign = ref(1);
@@ -211,7 +213,8 @@ export default defineComponent({
       paytypeforign,
       onChange1,
       sub,
-      accountinfo
+      accountinfo,
+      lan
     };
   },
 });

src/views/mine/Cashout.vue

@@ -2,15 +2,15 @@
     <div class="cashout">
         <div class="mingxilist">
             <div class="tabs">
-                <div class="beforetab">提现到指定账户</div>
+                <div class="beforetab">{{lan.$t('tixianzhanghu')}}</div>
-                <span class="residue">余额：{{ yue }}</span>
+                <span class="residue">{{lan.$t('yue')}}：{{ yue }}</span>
-                <div class="topbtn topbtn2" @click="navto('/mine/addaccount')">提现到指定账户</div>
+                <div class="topbtn topbtn2" @click="navto('/mine/addaccount')">{{lan.$t('tixianzhanghu')}}</div>
-                <div class="topbtn topbtn1" @click="navto('/mine/transaction')">提现记录</div>
+                <div class="topbtn topbtn1" @click="navto('/mine/transaction')">{{lan.$t('tixianjilu')}}</div>
             </div>
             <div class="line"></div>
             <div class="choose">
                 <div class="chooseitem">
-                    <div class="label">选择账户</div>
+                    <div class="label">{{lan.$t('xuanzezhanghu')}}</div>
                     <!-- <a-radio></a-radio> -->
                     <!-- {{payinfo.type}} -->
                     <a-radio-group
@@ -32,7 +32,7 @@
                                                 class="icon"
                                             />
                                             <span class="accounttype"
-                                                >银行卡</span
+                                                >{{lan.$t('yinhangka')}}</span
                                             >
                                         </div>
                                     </div>
@@ -44,7 +44,7 @@
                                                 class="icon icon1"
                                             />
                                             <span class="accounttype"
-                                                >支付宝</span
+                                                >{{lan.$t('zhifubao')}}</span
                                             >
                                         </div>
                                     </div>
@@ -56,12 +56,12 @@
                                                 class="icon icon1"
                                             />
                                             <span class="accounttype"
-                                                >微信</span
+                                                >{{lan.$t('weixin')}}</span
                                             >
                                         </div>
                                     </div>
                                     <div class="zhanghao">
-                                        账号：6217 **** **** **** 175
+                                        {{lan.$t('zhanghao')}}：6217 **** **** **** 175
                                     </div>
                                 </div>
                             </a-radio>
@@ -100,13 +100,13 @@
                     </a-radio-group>
                 </div>
                 <div class="cashoutmoney">
-                    <div class="label">提现金额</div>
+                    <div class="label">{{lan.$t('tixianjine')}}</div>
                     <div class="moneynum">
                         <a-input v-model:value="payinfo.money" class="shuru" />
                         <div>￥</div>
-                        <div class="cashoutall" @click="all">全部金额</div>
+                        <div class="cashoutall" @click="all">{{lan.$t('quanbujine')}}</div>
                         <div class="desc">
-                            注：每笔提现收取0.1%服务费，最低￥0.1
+                            {{lan.$t('tixianzhu')}}
                         </div>
                     </div>
                 </div>
@@ -116,10 +116,10 @@
                         payinfo.money < 100 || payinfo.money > parseFloat(yue)
                     "
                 >
-                    *您的余额只有{{ parseFloat(yue) }}，最低提现金额￥100
+                    *{{lan.$t('yueshu')}} {{ parseFloat(yue) }}，{{lan.$t('zuiditixian')}}
                 </div>
             </div>
-            <div class="cashoutall submit" @click="sub">立即提现</div>
+            <div class="cashoutall submit" @click="sub">{{lan.$t('lijitixian')}}</div>
             <NavBottom class="navbottom"></NavBottom>
         </div>
     </div>
@@ -132,12 +132,14 @@ import { cashout, getwallect } from "@/api";
 import store from "@/store";
 import { message } from "ant-design-vue";
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
     name: "Cashout",
     components: {
         NavBottom,
     },
     setup() {
+        const lan: any = useI18n();
         const money = ref(0);
         const payinfo = ref<any>({
             type: 0,
@@ -209,6 +211,7 @@ export default defineComponent({
             sub,
             accountlist,
             store,
+            lan
         };
     },
 });

src/views/mine/Cashoutdetail.vue

@@ -61,15 +61,16 @@
 <script lang="ts">
 import { defineComponent } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   name: "Cashoutdetail",
   components: {
       NavBottom
   },
   setup() {
- 
+    const lan: any = useI18n();
     return {
- 
+		lan
     };
   },
 });

src/views/mine/Liststatistic.vue

@@ -4,20 +4,20 @@
     <div class="listitem" @click="navto(1)">
       <div class="top">
         <img src="@/static/images/zhibotjicon.png" alt="" class="icon" />
-        <span>直播列表</span>
+        <span>{{lan.$t('zhiboliebiao')}}</span>
       </div>
       <div class="mid">
         <div>
           <div class="data">
-            <div class="label">直播课程</div>
+            <div class="label">{{lan.$t('zhibokecheng')}}</div>
             <div class="right">{{statistics.liveInfo?statistics.liveInfo.sum:0}}</div>
           </div>
           <div class="data">
-            <div class="label">参与人数</div>
+            <div class="label">{{lan.$t('canyurenshu')}}</div>
             <div class="right">{{statistics.liveInfo?statistics.liveInfo.student:0}}</div>
           </div>
           <div class="data">
-            <div class="label">课程评分</div>
+            <div class="label">{{lan.$t('kechengpingfen')}}</div>
             <div class="right">{{statistics.liveInfo?statistics.liveInfo.avg:0}}</div>
           </div>
           <img src="@/static/images/zhibotj.png" alt="" class="zhuzi" />
@@ -27,20 +27,20 @@
     <div class="listitem" @click="navto(2)">
       <div class="top">
         <img src="@/static/images/shipintjicon.png" alt="" class="icon" />
-        <span class="label1">视频列表</span>
+        <span class="label1">{{lan.$t('shipinliebiao')}}</span>
       </div>
       <div class="mid">
         <div>
           <div class="data">
-            <div class="label">发布视频</div>
+            <div class="label">{{lan.$t('fabushipin')}}</div>
             <div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div>
           </div>
           <div class="data">
-            <div class="label">总观看数</div>
+            <div class="label">{{lan.$t('zongguankanshu')}}</div>
             <div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div>
           </div>
           <div class="data">
-            <div class="label">平均得分</div>
+            <div class="label">{{lan.$t('pingjundefen')}}</div>
             <div class="right">{{statistics.videoInfo?statistics.videoInfo.sum:0}}</div>
           </div>
           <img src="@/static/images/shipintj.png" alt="" class="zhuzi" />
@@ -50,12 +50,12 @@
     <div class="listitem" @click="navto(3)">
       <div class="top">
         <img src="@/static/images/dingyuetjicon.png" alt="" class="icon" />
-        <span class="label2">订阅列表</span>
+        <span class="label2">{{lan.$t('dingyueliebiao')}}</span>
       </div>
       <div class="mid">
         <div>
           <div class="data">
-            <div class="label">订阅人数</div>
+            <div class="label">{{lan.$t('dingyuerenshu')}}</div>
             <div class="right">{{statistics.studentInfo?statistics.studentInfo.sum:0}}</div>
           </div>
    
@@ -75,12 +75,14 @@ import { defineComponent, onMounted, ref } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
 import { getstatisticlist } from "@/api"
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   name: "Liststatistic",
   components: {
       NavBottom
   },
   setup(){
+    const lan: any = useI18n();
     const statistics = ref({})
     onMounted(async ()=>{
       statistics.value = await getstatisticlist()
@@ -101,7 +103,8 @@ export default defineComponent({
     // console.log(statistics,111)
     return {
       statistics,
-      navto
+      navto,
+      lan
     };
   },
 });

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>
+      <div class="title">{{lan.$t("shangchuanshipin")}}</div>
-      <a-form-item label="视频标题">
+      <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
     };
   },
 });

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>
+            <div class="title">{{ lan.$t("zhiboxinxi") }}</div>
-            <a-form-item label="直播标题">
+            <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-form-item :label="lan.$t('zhibofengmian')" class="item-cover">
-                <a-upload list-type="picture" :customRequest="uploadspic"	:before-upload="beforeUploadpic">
+                <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-form-item
-                <a-upload list-type="picture" :customRequest="uploads"	:before-upload="beforeUpload">
+                :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: "",
@@ -267,7 +293,7 @@ export default defineComponent({
             // form.cover = fileList;
         }
         function fankui() {
-            router.push({path:"/mine/aboutus",query:{selected:3}})
+            router.push({ path: "/mine/aboutus", query: { selected: 3 } });
         }
         const { resetFields, validate, validateInfos } = useForm(form, rules);
 
@@ -330,17 +356,15 @@ export default defineComponent({
                                  * todo 提交会报错  编辑直播
                                  */
                                 subdata.id = id;
-								// setlive(subdata)
+                                setlive(subdata)
                             } else {
                                 console.log(subdata);
-								console.log(lives.value)
+                                console.log(lives.value);
-								// liveadd(subdata);
+                                liveadd(subdata);
                             }
                         } else {
-							message.error("您尚未获得直播资格")
+                            message.error("您尚未获得直播资格");
                         }
-
-                        
                     }
                 })
                 .catch((err: unknown) => {
@@ -395,15 +419,15 @@ export default defineComponent({
             data: unknown;
             file: File;
         }
-		const ifallowupload=ref<boolean>(false)
+        const ifallowupload = ref<boolean>(false);
         function beforeUpload(info?: any) {
-			console.log(info)
+            console.log(info);
             if (info.type.split("/")[0] != "video") {
-				ifallowupload.value=false
+                ifallowupload.value = false;
-				message.error("视频介绍的文件格式错误")
+                message.error("视频介绍的文件格式错误");
-				return 
+                return;
             } else {
-				ifallowupload.value=true
+                ifallowupload.value = true;
             }
         }
         async function uploads(file: AntUpload) {
@@ -423,9 +447,8 @@ export default defineComponent({
                 form.value.fileid = res.fileId;
                 form.value.fileurl = res.video.url;
             }
-            
         }
-		const ifallowpic=ref<boolean>(false)
+        const ifallowpic = ref<boolean>(false);
         async function uploadspic(file: AntUpload) {
             if (ifallowpic.value) {
                 const res = await uploadflie(file.file, (info: any) => {
@@ -438,7 +461,6 @@ export default defineComponent({
                 //  picinfo.url=res.video.url
                 form.value.img = res.video.url;
             }
-            
         }
 
         getlivest().then((res) => {
@@ -448,13 +470,13 @@ export default defineComponent({
             }
         });
         function beforeUploadpic(info?: any) {
-			console.log(info)
+            console.log(info);
-			if(info.type.split("/")[0]!='image'){
+            if (info.type.split("/")[0] != "image") {
-				message.error("封面必须是图片文件")
+                message.error("封面必须是图片文件");
-				ifallowpic.value=false
+                ifallowpic.value = false;
-				return
+                return;
             } else {
-				ifallowpic.value=true
+                ifallowpic.value = true;
             }
         }
 
@@ -486,7 +508,8 @@ export default defineComponent({
             ifallowpic,
             beforeUpload,
             ifallowupload,
-            fankui
+            fankui,
+            lan,
         };
     },
 });

src/views/mine/Transaction.vue

@@ -3,19 +3,19 @@
      
          <div class="mingxilist">
      <div class="mingxitop">
-       <div><span class="tabtitle">明细查询</span>
+       <div><span class="tabtitle">{{lan.$t("mingxichaxun")}}</span>
 </div>
-        <a-range-picker @change="onChange" class="choosedate"  :placeholder="['请选择开始日期', '请选择结束日期']"/>
+        <a-range-picker @change="onChange" class="choosedate"  :placeholder="[lan.$t('kaishiriqi'), lan.$t('jieshuriqi')]"/>
       </div>
       <div>
         <table class="table">
           <thead>
             <tr class="head">
-              <th>账户</th>
+              <th>{{lan.$t('zhanghu')}}</th>
-              <th>提交日期</th>
+              <th>{{lan.$t('tijiaoriqi')}}</th>
-              <th>状态</th>
+              <th>{{lan.$t('zhuangtai')}}</th>
-              <th>金额</th>
+              <th>{{lan.$t('jine')}}</th>
-              <th>操作</th>
+              <th>{{lan.$t('caozuo')}}</th>
             </tr>
           </thead>
           <tbody>
@@ -28,7 +28,7 @@
                 <span v-else>￥</span>
                 {{i.money}}
               </td>
-              <td @click="navto(3,i.withdrawalid)">查看详情</td>
+              <td @click="navto(3,i.withdrawalid)">{{lan.$t('chakanxiangqing')}}</td>
             </tr>
                 
        
@@ -49,12 +49,14 @@ import { defineComponent, onMounted, ref } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
 import { withdrawal } from '@/api';
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   name: "Transaction",
   components: {
       NavBottom
   },
   setup() {
+    const lan: any = useI18n();
     const withdrawallist =ref<any>({})
     const dates=ref<Array<string>>(["",""])
     const page = ref(1);
@@ -105,7 +107,8 @@ export default defineComponent({
       withdrawallist,
       onChange,
       navto,
-      pagechange
+      pagechange,
+      lan
     };
   },
 });

src/views/mine/Transactiondetail.vue

@@ -3,37 +3,37 @@
       
       <div class="mingxilist" v-if="query.ifwithdrawal!=1">
         <div class="tabs">
-          <div class="beforetab">交易明细详情</div>
+          <div class="beforetab">{{lan.$t('jiaoyimingxixiangqing')}}</div>
         </div>
         <div class="detail">
         <div class="infoitem">
-          <div class="left">金额</div>
+          <div class="left">{{lan.$t('jine')}}</div>
           <div class="right">{{accountinfo.money}}</div>
         </div>
 
           <div class="infoitem">
-            <div class="left">类型</div>
+            <div class="left">{{lan.$t('leixing')}}</div>
-            <div class="right" v-if="accountinfo.type==1">直播收入</div>
+            <div class="right" v-if="accountinfo.type==1">{{lan.$t('zhiboshouru')}}</div>
-            <div class="right" v-if="accountinfo.type==2">提现</div>
+            <div class="right" v-if="accountinfo.type==2">{{lan.$t('tixian')}}</div>
-            <div class="right" v-if="accountinfo.type==3">后台充值</div>
+            <div class="right" v-if="accountinfo.type==3">{{lan.$t('houtaichongzhi')}}</div>
 
           </div>
 
           <div class="infoitem">
-            <div class="left">流水号</div>
+            <div class="left">{{lan.$t('liushuihao')}}</div>
             <div class="right">{{accountinfo.sn}}</div>
           </div>
 
           <div class="infoitem">
-            <div class="left">日期</div>
+            <div class="left">{{lan.$t('riqi')}}</div>
             <div class="right">{{accountinfo.created_at}}</div>
           </div>
 
           <div class="infoitem">
-            <div class="left">来源</div>
+            <div class="left">{{lan.$t('laiyuan')}}</div>
             <div class="right">{{accountinfo.remark}}</div>
           </div>
-          <div class="back" @click="navto(1,2)">返回</div>
+          <div class="back" @click="navto(1,2)">{{lan.$t('fanhui')}}</div>
          
         </div>
       <NavBottom class="navbottom"></NavBottom>
@@ -41,23 +41,23 @@
    
       <div class="mingxilist" v-if="query.ifwithdrawal==1">
         <div class="tabs">
-          <div class="beforetab">提现记录详情</div>
+          <div class="beforetab">{{lan.$t('tixianjiluxiangqing')}}</div>
         </div>
         <div class="detail">
         <div class="infoitem">
-          <div class="left">提现金额</div>
+          <div class="left">{{lan.$t('tixianjine')}}</div>
           <div class="right">{{accountinfo.amount}}</div>
         </div>
          <div class="infoitem">
-          <div class="left">到帐金额</div>
+          <div class="left">{{lan.$t('daozhangjine')}}</div>
           <div class="right">{{accountinfo.money}}</div>
         </div>
          <div class="infoitem">
-          <div class="left">手续费</div>
+          <div class="left">{{lan.$t('shouxufei')}}</div>
           <div class="right">{{accountinfo.sxf}}</div>
         </div>
           <div class="infoitem">
-            <div class="left">提现状态</div>
+            <div class="left">{{lan.$t('tixianzhuangtai')}}</div>
              <div class="right" >{{accountinfo.statusname}}</div>
             <!-- <div class="right" v-if="accountinfo.status==1">直播收入</div>
             <div class="right" v-if="accountinfo.status==2">提现</div>
@@ -65,28 +65,28 @@
 
           </div>
           <div class="infoitem">
-            <div class="left">原因描述</div>
+            <div class="left">{{lan.$t('yuanyinmiaoshu')}}</div>
             <div class="right">{{accountinfo.remark}}</div>
           </div>
           <div class="infoitem">
-            <div class="left">流水号</div>
+            <div class="left">{{lan.$t('liushuihao')}}</div>
             <div class="right">{{accountinfo.sn}}</div>
           </div>
           <div class="infoitem">
-            <div class="left">名称</div>
+            <div class="left">{{lan.$t('mingcheng')}}</div>
             <div class="right">{{accountinfo.typename}}</div>
           </div>
           <div class="infoitem">
-            <div class="left">日期</div>
+            <div class="left">{{riqi}}</div>
             <div class="right">{{accountinfo.created_at}}</div>
           </div>
 
           <div class="infoitem">
-            <div class="left">收款账户</div>
+            <div class="left">{{lan.$t('shoukuanzhanghu')}}</div>
             <div class="right">{{accountinfo.account}}</div>
           </div>
         
-          <div class="back" @click="navto(2)">返回</div>
+          <div class="back" @click="navto(2)">{{lan.$t('fanhui')}}</div>
         </div>
       <NavBottom class="navbottom"></NavBottom>
     </div>
@@ -99,12 +99,14 @@ import NavBottom from "@/components/NavBottom.vue";
 import { transactioninfo, withdrawlxq } from '@/api';
 import { useRoute } from 'vue-router';
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   name: "Transactiondetail",
   components: {
       NavBottom
   },
   setup() {
+    const lan: any = useI18n();
     const accountinfo=ref<any>({});
     const query=ref({})
     onMounted(async () => {
@@ -143,7 +145,8 @@ export default defineComponent({
     return {
       accountinfo,
       query,
-      navto
+      navto,
+      lan
     };
   },
 });

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" @click="navto(2)">{{lan.$t('lijitixian')}}</div>
-          <div class="topbtn topbtn1" @click="navto(3)">提现记录</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="btn"  @click="navto(1,i.wallectid)">{{lan.$t('xiugai')}}</div>
-            <div class="btn1" @click="del(i.wallectid)">删除</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-if="i.type==4">{{lan.$t('zhanghao0')}} <span>{{i.bankcode}}</span></div>
-        <div class="zhanghao" v-else>账号 <span>{{i.account}}</span></div>
+        <div class="zhanghao" v-else>{{lan.$t('zhanghao0')}} <span>{{i.account}}</span></div>
       </div>
 
       <!-- <div class="accountitem">
@@ -137,7 +137,7 @@
         <div class="hostinfo">
           <div v-if="i.type==4">
             <img src="@/static/images/foreignbank.png" alt="" class="icon" />
-            <span class="accounttype">银行卡</span>
+            <span class="accounttype">{{lan.$t('yinhangka')}}</span>
           </div>
 
           <div v-else>
@@ -146,40 +146,40 @@
           </div>
 
           <div class="btns">
-              <div class="btn"  @click="navto(1,i.wallectid)">修改</div>
+              <div class="btn"  @click="navto(1,i.wallectid)">{{lan.$t('xiugai')}}</div>
-            <div class="btn1" @click="del(i.wallectid)">删除</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-if="i.type==4">{{lan.$t('zhanghao')}} <span>{{i.bankcode}}</span></div>
-        <div class="zhanghao" v-else>账号 <span>{{i.account}}</span></div>
+        <div class="zhanghao" v-else>{{lan.$t('zhanghao')}} <span>{{i.account}}</span></div>
       </div>
     </div>
     <div class="mingxilist" v-if="ifchina && listindex==2">
       <div class="mingxitop">
         <div class="tabs">
-          <span class="tabtitle">明细查询</span>
+          <span class="tabtitle">{{lan.$t('mingxichaxun')}}</span>
 
           <div :class="tabindex == 0 ? 'on' : ''" @click="tabchange(0)">
-            全部
+            {{lan.$t('quanbu')}}
           </div>
           <div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">
-            收入
+            {{lan.$t('shouru')}}
           </div>
           <div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">
-            支出
+            {{lan.$t('zhichu')}}
           </div>
         </div>
-        <a-range-picker @change="onChange" class="choosedate"  :placeholder="['请选择开始日期', '请选择结束日期']"/>
+        <a-range-picker @change="onChange" class="choosedate"  :placeholder="[lan.$t('kaishiriqi'),lan.$t('jieshuriqi')]"/>
       </div>
  
       <div>
         <table class="table">
           <thead>
             <tr class="head">
-              <th>日期</th>
+              <th>{{lan.$t('riqi')}}</th>
-              <th>类型</th>
+              <th>{{lan.$t('leixing')}}</th>
-              <th>金额</th>
+              <th>{{lan.$t('jine')}}</th>
-              <th>操作</th>
+              <th>{{lan.$t('caozuo')}}</th>
             </tr>
           </thead>
           <tbody>
@@ -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
     };
   },
 });

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
     };
   },
 });

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, livestop, luzhi, 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;
@@ -402,7 +404,8 @@ export default defineComponent({
             qiehuan,
             roominfo,
             guanbi,
-            visible
+            visible,
+            lan
         }
     },
 });

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
     };
   },
 });

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
     };
   },
 });