duoyuyan

src/components/LiveCount.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="cont">
         <div class="title">
-        <div>上课学生</div>
-        <div class="more" @click="toxq">查看详情</div>
+        <div>{{lan.$t('shangkexuesheng')}}</div>
+        <div class="more" @click="toxq">{{lan.$t('chakanxiangqing')}}</div>
         </div>
         <div class="info">
         <div class="item" v-for="(i, j) in list" :key="j">
@@ -14,7 +14,7 @@
                 </div>
             </div>
             <div class="takehour" v-if="i.status == 1 && livestatus == 2">
-                参加时长
+                {{lan.$t('canjiashichang')}}
                 <div>30min</div>
             </div>
             <div
@@ -22,10 +22,10 @@
                 v-if="i.status == 2 || (livestatus == 0 && i.status == 1)"
                 @click="quxiao(j)"
             >
-                取消直播
+                {{lan.$t('quxiaozhibo')}}
             </div>
 
-            <div class="refuse" v-if="i.status == 3">已拒绝</div>
+            <div class="refuse" v-if="i.status == 3">{{lan.$t('yijujue')}}</div>
         </div>
         <div class="modal-container">
             <a-modal
@@ -41,17 +41,17 @@
                 </template>
                 <!-- 换绑手机号第一步 -->
                 <div class="yuanyin">
-                    请输入您举着该学生参与直播的原因
+                    {{lan.$t('jujueyuanyintext')}}
                 </div>
                 <div class="body">
-                    <div class="jubao">拒绝原因</div>
+                    <div class="jubao">{{lan.$t('juejueyuanyin')}}</div>
                     <a-textarea
                         v-model:value="text"
                         class="text"
                     />
                 </div>
                 <div class="submit-btn" @click="sum">
-                    确认拒绝
+                    {{lan.$t('querenjujue')}}
                 </div>
             </a-modal>
         </div>
@@ -237,6 +237,7 @@
 <script lang="ts">
 import { cancellive, refusedtolive } from '@/api';
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 import { defineComponent, ref, toRaw, watch } from "vue";
 
 export default defineComponent({
@@ -246,6 +247,7 @@ export default defineComponent({
         zid:Number
     },
     setup(props) {
+        const lan: any = useI18n();
         const modalNode = () => document.getElementsByClassName('modal-container')[0]
         const updatePhoneVisible = ref(false)
         const sid = ref(0)
@@ -291,7 +293,8 @@ export default defineComponent({
             hidePhoneModal,
             sum,
             text,
-            toxq
+            toxq,
+            lan
         };
     },
 });