登录模块多语配置

TEAMModelOS/ClientApp/src/components/public/frontEndMain/Index.vue

@@ -72,7 +72,7 @@
         <div class="login-mark">
             <img height="42" src="@/assets/login/ies5_logo_2.svg">
             <span class="login-title">
-                醍摩豆云平台
+                {{$t('system.title')}}
             </span>
         </div>
         <div calss="login-schoolName">
@@ -107,10 +107,10 @@
             <a class="footer-info-item" v-if="srvAdr == 'China'" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51010402000615">
                 川公网安备 51010402000615
             </a>
-            <span class="footer-info-item">&copy; 2021 HABOOK Group 网奕中国 版权所有</span>
+            <span class="footer-info-item">&copy; 2021 HABOOK Group 网奕中国</span>
             <span class="footer-info-item">
                 <Icon custom="iconfont icon-earth" size="20" />
-                数据中心位置 {{srvAdr == "China" ? "中国" : "全球"}}
+                {{$t('login.title.ser')}} {{srvAdr == "China" ? $t('login.china') : $t('login.global')}}
             </span>
         </div>
     </div>

TEAMModelOS/ClientApp/src/locale/lang/en-US/login.js

@@ -50,5 +50,29 @@ export default {
         title: '选择身份',
         btn1: '老师',
         btn2: '学生'
-    }
+    },
+    china: '中國',
+    global: '全球',
+    chooseTips: '請選擇您的身份進行登入',
+    welcome1: '歡迎來到醍摩豆 5',
+    welcome2: '新時代智慧教育之旅 就此展開',
+    subtitle1: 'HiTeach 5 智慧教學系統',
+    teachText1: '實踐差異化教學，現代化因材施教',
+    teachText2: '線上線下，混和式教學系統首選',
+    teachText3: '合作學習，素養導向教學的全面應用',
+    teachText4: '看見每個學生思考',
+    subtitle2: '醍摩豆雲平台 IES 5',
+    iesText1: '新架構與新技術，速度升級更有感',
+    iesText2: '兼容各式媒體與檔案，雲端資源庫隨取即用',
+    iesText3: '題庫組卷、閱卷系統，評量應用更多元',
+    iesText4: '博拉圖學情分析，學生成績精準提升',
+    toOfficial: '了解更多關於醍摩豆 5',
+    teacherIden:'教師身份',
+    teacherText:'以教師身份登入IES 5智慧教學服務，即刻存取雲端服務',
+    studentIden:'學生身份',
+    studText:'以學生身份登入AClass ONE智慧學伴服務，完成學習任務與測驗',
+    noAccout:'還沒有賬號嗎？ ',
+    freeReg:'免費註冊',
+    teaCli:'教師端',
+    stuCli:'學生端'
 }

TEAMModelOS/ClientApp/src/locale/lang/zh-CN/login.js

@@ -1,14 +1,14 @@
 export default {
     title: {
         ser: '数据中心位置',
-        IDLogin: '醍摩豆账号登入',
+        IDLogin: '醍摩豆账号登录',
         QRLogin: 'QRCode 扫玛登入',
         schoolLogin: '校内账号登入'
     },
     subTitle: {
         IDLogin: '系统管理者、教师、学生与家长登入口',
         QRLogin: '使用HiTA或AClassONE扫描进行登入',
-        schoolLogin: '由学校统一分配给学生使用的账号登入口'
+        schoolLogin: '由学校分配给学生使用的账号登入口'
     },
     serAdress: {
         China: '大陸',
@@ -19,10 +19,10 @@ export default {
         text2: '使用学校提供的学生专属账号与密码登入本校，体验本校提供的活动、缴交作业或参与考试等任务。 '
     },
     placeholder: {
-        id : '醍摩豆ID / 手机号码 / E-Mail',
+        id: '醍摩豆ID / 手机号码 / E-Mail',
         psw: '密码',
         schoolMenu: '选择学校',
-        schoolID : '账号',
+        schoolID: '账号',
         schoolPsw: '密码'
     },
     link: {
@@ -31,17 +31,17 @@ export default {
         regist: '注册账号',
         forgetPsw: '忘记密码'
     },
-    communy:{
+    communy: {
         title: '或使用第三方平台登入',
         fb: 'Facebook',
         google: 'Google',
         wechat: 'WeChat',
     },
-    apiError:{
-        text1:'您的账号或密码不正确'
+    apiError: {
+        text1: '您的账号或密码不正确'
     },
-    sse:{
-        error:{
+    sse: {
+        error: {
             text1: '快速登入code 无效'
         },
         text1: 'IES5智慧服务平台'
@@ -50,5 +50,29 @@ export default {
         title: '选择身份',
         btn1: '老师',
         btn2: '学生'
-    }
+    },
+    china: '中国',
+    global: '全球',
+    chooseTips: '请选择您的身份进行登入',
+    welcome1: '欢迎来到醍摩豆 5',
+    welcome2: '新时代智慧教育之旅 就此展开',
+    subtitle1: 'HiTeach 5 智慧教学系统',
+    teachText1: '实践差异化教学，现代化因材施教',
+    teachText2: '线上线下，混和式教学系统首选',
+    teachText3: '合作学习，素养导向教学的全面应用',
+    teachText4: '看见每个学生思考',
+    subtitle2: '醍摩豆云平台 IES 5',
+    iesText1: '新架构与新技术，速度升级更有感',
+    iesText2: '兼容各式媒体与档案，云端资源库随取即用',
+    iesText3: '题库组卷、阅卷系统，评量应用更多元',
+    iesText4: '博拉图学情分析，学生成绩精准提升',
+    toOfficial: '了解更多关于醍摩豆 5',
+    teacherIden:'教师身份',
+    teacherText:'以教师身份登入IES 5智慧教学服务，即刻存取云端服务',
+    studentIden:'学生身份',
+    studText:'以学生身份登入AClass ONE智慧学伴服务，完成学习任务与测验',
+    noAccout:'还没有账号吗？',
+    freeReg:'免费注册',
+    teaCli:'教师端',
+    stuCli:'学生端'
 }

TEAMModelOS/ClientApp/src/locale/lang/zh-TW/login.js

@@ -8,7 +8,7 @@ export default {
     subTitle: {
         IDLogin: '系統管理者、教師、學生與家長登入口',
         QRLogin: '使用HiTA5掃描進行登入',
-        schoolLogin: '由學校统一分配給學生使用的帳號登入口'
+        schoolLogin: '由學校分配給學生使用的帳號登入口'
     },
     serAdress: {
         China: '大陸',
@@ -50,5 +50,29 @@ export default {
         title: '選擇身分',
         btn1: '老師',
         btn2: '學生'
-    }
+    },
+    china: '中國',
+    global: '全球',
+    chooseTips: '請選擇您的身份進行登入',
+    welcome1: '歡迎來到醍摩豆 5',
+    welcome2: '新時代智慧教育之旅 就此展開',
+    subtitle1: 'HiTeach 5 智慧教學系統',
+    teachText1: '實踐差異化教學，現代化因材施教',
+    teachText2: '線上線下，混和式教學系統首選',
+    teachText3: '合作學習，素養導向教學的全面應用',
+    teachText4: '看見每個學生思考',
+    subtitle2: '醍摩豆雲平台 IES 5',
+    iesText1: '新架構與新技術，速度升級更有感',
+    iesText2: '兼容各式媒體與檔案，雲端資源庫隨取即用',
+    iesText3: '題庫組卷、閱卷系統，評量應用更多元',
+    iesText4: '博拉圖學情分析，學生成績精準提升',
+    toOfficial: '了解更多關於醍摩豆 5',
+    teacherIden:'教師身份',
+    teacherText:'以教師身份登入IES 5智慧教學服務，即刻存取雲端服務',
+    studentIden:'學生身份',
+    studText:'以學生身份登入AClass ONE智慧學伴服務，完成學習任務與測驗',
+    noAccout:'還沒有賬號嗎？ ',
+    freeReg:'免費註冊',
+    teaCli:'教師端',
+    stuCli:'學生端'
 }

TEAMModelOS/ClientApp/src/view/login/page/Student.vue

@@ -168,12 +168,16 @@
         <div class="left-box">
             <!-- 这张图片需要裁剪顶部 -->
             <img src="@/assets/login/icon_student.svg" class="student-login-img" style="margin-top:-30px">
-            <p class="client-label">学生端</p>
+            <p class="client-label">
+                {{$t('login.stuCli')}}
+            </p>
         </div>
         <div class="right-box">
             <div v-show="!qrloginFlag" class="tmd-login-box">
-                <p class="teacher-login-title">醍摩豆账号登录</p>
-                <p class="teacher-login-decr">系统管理者、教师、学生与家长登录</p>
+                <p class="teacher-login-title">
+                    {{$t('login.title.IDLogin')}}
+                </p>
+                <p class="teacher-login-decr">{{$t('login.subTitle.IDLogin')}}</p>
                 <Form class="loginForm" ref="loginForm" :model="loginForm" :rules="loginRule" :show-message="false" @keydown.enter.native="loginSubmit('loginForm')">
                     <FormItem class="formItem" prop="id">
                         <Input class="login-input-box" element-id="tmdID" v-model="loginForm.id" :placeholder="$t('login.placeholder.id')" />
@@ -205,7 +209,7 @@
                 <div class="other-login-box">
                     <div style="margin:auto" class="other-login-item" v-if="!(srvAdr == 'Global')" @click="oauthLogin('wechat')">
                         <Icon custom="iconfont icon-wechat" class="other-login-icon" />
-                        <p class="other-login-text">或使用第三方平台登录</p>
+                        <p class="other-login-text">{{$t('login.communy.title')}}</p>
                     </div>
                 </div>
             </div>
@@ -245,8 +249,8 @@
                 </div>
             </div>
             <div class="school-login-box">
-                <p class="teacher-login-title">校内账号登入</p>
-                <p class="teacher-login-decr">学校分配给学生使用的账号</p>
+                <p class="teacher-login-title">{{ $t('login.title.schoolLogin') }}</p>
+                <p class="teacher-login-decr">{{ $t('login.subTitle.schoolLogin') }}</p>
                 <Form class="loginForm" ref="studForm" :model="studForm" :rules="studRule" :show-message="false" @keydown.enter.native="loginSubmit('studForm')">
                     <FormItem class="formItem" prop="schoolCode">
                         <Select class="login-input-box" v-show="!defaultSchool.code" v-model="studForm.schoolCode" :placeholder="$t('login.placeholder.schoolMenu')" filterable clearable>

TEAMModelOS/ClientApp/src/view/login/page/Teacher.vue

@@ -160,11 +160,17 @@
         <div class="left-box">
             <!-- 这张图片需要裁剪顶部 -->
             <img src="@/assets/login/icon_teacher.svg" class="teacher-login-img">
-            <p class="client-label">教师端</p>
+            <p class="client-label">
+                {{$t('login.teaCli')}}
+            </p>
         </div>
         <div class="right-box" v-show="!qrloginFlag">
-            <p class="teacher-login-title">醍摩豆账号登录</p>
-            <p class="teacher-login-decr">系统管理者、教师、学生与家长登录</p>
+            <p class="teacher-login-title">
+                {{$t('login.title.IDLogin')}}
+            </p>
+            <p class="teacher-login-decr">
+                {{$t('login.subTitle.IDLogin')}}
+            </p>
             <Form class="loginForm" ref="loginForm" :model="loginForm" :rules="loginRule" :show-message="false" @keydown.enter.native="loginSubmit('loginForm')">
                 <FormItem class="formItem" prop="id">
                     <Input element-id="tmdID" class="login-input-box" v-model="loginForm.id" :placeholder="$t('login.placeholder.id')" />
@@ -200,7 +206,9 @@
                 </div>
                 <div class="other-login-item" v-if="!(srvAdr == 'Global')" @click="oauthLogin('wechat')">
                     <Icon custom="iconfont icon-wechat" class="other-login-icon" />
-                    <p class="other-login-text">或使用第三方平台登录</p>
+                    <p class="other-login-text">
+                         {{$t('login.communy.title')}}
+                    </p>
                 </div>
             </div>
         </div>

TEAMModelOS/ClientApp/src/view/login/test.vue

@@ -245,27 +245,47 @@
                 <CarouselItem>
                     <div class="swiper-item-box">
                         <div class="title">
-                            歡迎來到醍摩豆 5
+                            {{$t('login.welcome1')}}
                             <br>
-                            新時代智慧教育之旅 就此展開
+                            {{$t('login.welcome2')}}
                         </div>
                         <div class="cont">
-                            <div class="cont-title">HiTeach 5 智慧教學系統</div>
-                            <p class="cont-text border1">實踐差異化教學，現代化因材施教</p>
-                            <p class="cont-text border2">線上線下，混和式教學系統首選</p>
-                            <p class="cont-text border3">合作學習，素養導向教學的全面應用</p>
-                            <p class="cont-text border4">看見每個學生思考</p>
+                            <div class="cont-title">
+                                {{$t('login.subtitle1')}}
+                            </div>
+                            <p class="cont-text border1">
+                                {{$t('login.teachText1')}}
+                            </p>
+                            <p class="cont-text border2">
+                                {{$t('login.teachText2')}}
+                            </p>
+                            <p class="cont-text border3">
+                                {{$t('login.teachText3')}}
+                            </p>
+                            <p class="cont-text border4">
+                                {{$t('login.teachText4')}}
+                            </p>
                         </div>
                         <div class="cont">
-                            <div class="cont-title">醍摩豆雲平台 IES 5</div>
-                            <p class="cont-text border1">新架構與新技術，速度升級更有感</p>
-                            <p class="cont-text border2">兼容各式媒體與檔案，雲端資源庫隨取即用</p>
-                            <p class="cont-text border3">題庫組卷、閱卷系統，評量應用更多元</p>
-                            <p class="cont-text border4">博拉圖學情分析，學生成績精準提升</p>
+                            <div class="cont-title">
+                                {{$t('login.subtitle2')}}
+                            </div>
+                            <p class="cont-text border1">
+                                {{$t('login.iesText1')}}
+                            </p>
+                            <p class="cont-text border2">
+                                {{$t('login.iesText2')}}
+                            </p>
+                            <p class="cont-text border3">
+                                {{$t('login.iesText3')}}
+                            </p>
+                            <p class="cont-text border4">
+                                {{$t('login.iesText4')}}
+                            </p>
                         </div>
                         <div class="link">
                             <a target="_block" href="https://www.habook.com/zh-tw/news.php?act=view&amp;id=408">
-                                了解更多關於醍摩豆 5
+                                {{$t('login.toOfficial')}}
                                 <i class="ivu-icon ivu-icon-ios-arrow-forward" style="font-size: 19px;"></i>
                             </a>
                         </div>
@@ -276,13 +296,15 @@
         </div>
         <div class="login-enter-wrap">
             <div class="logintype">
-                <span class="title">請選擇您的身份進行登入</span>
+                <span class="title">{{$t('login.chooseTips')}}</span>
                 <div class="login-box" @click="loginTo('teacher')">
                     <div class="login-box-icon"><img width="40" src="@/assets/login/icon_teacher.svg"></div>
                     <div class="login-box-cont">
                         <div class="main">
-                            <span class="subtitle">教師身份</span>
-                            以教師身份登入IES 5智慧教學服務，即刻存取雲端服務
+                            <span class="subtitle">
+                                {{$t('login.teacherIden')}}
+                            </span>
+                            {{$t('login.teacherText')}}
                         </div>
                         <i class="ivu-icon ivu-icon-ios-arrow-forward" style="font-size: 35px; color: rgb(189, 189, 189);"></i>
                     </div>
@@ -290,10 +312,22 @@
                 <div class="login-box" @click="loginTo('student')">
                     <div class="login-box-icon"><img width="40" src="@/assets/login/icon_student.svg"></div>
                     <div class="login-box-cont">
-                        <div class="main"><span class="subtitle">學生身份</span> 以學生身份登入AClass ONE智慧學伴服務，完成學習任務與測驗 </div><i class="ivu-icon ivu-icon-ios-arrow-forward" style="font-size: 35px; color: rgb(189, 189, 189);"></i>
+                        <div class="main">
+                            <span class="subtitle">
+                                {{$t('login.studentIden')}}
+                            </span>
+                            {{$t('login.studText')}}
+                        </div>
+                        <i class="ivu-icon ivu-icon-ios-arrow-forward" style="font-size: 35px; color: rgb(189, 189, 189);"></i>
                     </div>
                 </div>
-                <div class="link" style="text-align: right; letter-spacing: 1px;"><span style="margin-right: 20px;">還沒有帳號嗎?</span>點此<a href="/regist" class="" style="text-decoration: underline; color: rgb(41, 114, 169);">免費註冊</a></div>
+                <div class="link" style="text-align: right; letter-spacing: 1px;"><span style="margin-right: 20px;">
+                         {{$t('login.noAccout')}}
+                    </span>
+                    <a href="/regist" class="" style="text-decoration: underline; color: rgb(41, 114, 169);">
+                        {{$t('login.freeReg')}}
+                    </a>
+                </div>
             </div>
             <!-- <div class="enter-box" @click="loginTo('teacher')">
                 <img style="display: block;width: 100%;" src="@/assets/login/1-5.png">