学员须知增加国际化

src/assets/languages/en.json

@@ -25,7 +25,16 @@
     "learnSysLayout": {
       "navigation": {
         "title": "Online Learning System",
-        "tip": "Notifications"
+        "tip": "Notifications",
+        "handlbook": "Handlbook",
+        "library": "Library",
+        "dialogTitle": "Notice",
+        "dialogMessage1": "Before using this online learning system, please read ",
+        "dialogMessage2": "\"Zijing-CIIS MAP Program Student Manual\"",
+        "dialogMessage3": " very carefully, and agree to follow the instructions, policies and requirements.",
+        "dialogMessageHref": "https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/ciis/CIIS%E5%AD%A6%E7%94%9F%E6%89%8B%E5%86%8C.pdf",
+        "dialogCheckbox": "I have read and agreed.",
+        "dialogButton": "OK"
       },
       "sideBar": {
         "updatePic": "Change profile photo",

src/assets/languages/zh-CN.json

@@ -25,7 +25,16 @@
     "learnSysLayout": {
       "navigation": {
         "title": "在线学习系统",
-        "tip": "通知"
+        "tip": "通知",
+        "handlbook": "查看学员手册",
+        "library": "电子图书馆",
+        "dialogTitle": "学员须知",
+        "dialogMessage1": "使用学习平台前，请认真阅读",
+        "dialogMessage2": "《紫荆教育-CIIS应用心理学硕士项目学员手册》",
+        "dialogMessage3": "内容，并同意遵守其中的各项要求。",
+        "dialogMessageHref": "https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/ciis/CIIS%E5%AD%A6%E7%94%9F%E6%89%8B%E5%86%8C.pdf",
+        "dialogCheckbox": "我已阅读并同意",
+        "dialogButton": "确定"
       },
       "sideBar": {
         "updatePic": "修改头像",

src/components/learnSysLayout/navigation.vue

@@ -6,8 +6,8 @@
     </div>
     <div class="nav-right">
       <div class="nav-a">
-        <a :href="documentUrl" target="_blank">查看学员手册</a>
-        <a href="https://library.ciis.edu" target="_blank">电子图书馆</a>
+        <a :href="documentUrl" target="_blank">{{ $t('components.learnSysLayout.navigation.handlbook') }}</a>
+        <a href="https://library.ciis.edu" target="_blank">{{ $t('components.learnSysLayout.navigation.library') }}</a>
       </div>
       <div class="notify" @click="goNotify()">
         {{ $t('components.learnSysLayout.navigation.tip') }}
@@ -16,7 +16,7 @@
       <language-switch />
     </div>
     <el-dialog
-      title="学员须知"
+      :title="$t('components.learnSysLayout.navigation.dialogTitle')"
       width="460px"
       :visible.sync="dialogVisible"
       :center="true"
@@ -27,16 +27,18 @@
     >
       <div class="sign">
         <p>
-          使用学习平台前，请认真阅读<a
-            href="https://zws-imgs-pub.oss-cn-beijing.aliyuncs.com/pc/ciis/CIIS%E5%AD%A6%E7%94%9F%E6%89%8B%E5%86%8C.pdf"
-            target="_blank"
-            >《紫荆教育-CIIS应用心理学硕士项目学员手册》</a
-          >内容，并同意遵守其中的各项要求。
+          {{ $t('components.learnSysLayout.navigation.dialogMessage1')
+          }}<a :href="$t('components.learnSysLayout.navigation.dialogMessageHref')" target="_blank">{{
+            $t('components.learnSysLayout.navigation.dialogMessage2')
+          }}</a
+          >{{ $t('components.learnSysLayout.navigation.dialogMessage3') }}
         </p>
-        <el-checkbox v-model="checked">我已阅读并同意</el-checkbox>
+        <el-checkbox v-model="checked">{{ $t('components.learnSysLayout.navigation.dialogCheckbox') }}</el-checkbox>
       </div>
       <template #footer>
-        <el-button type="primary" :disabled="!checked" @click="handlePrimary">确 定</el-button>
+        <el-button type="primary" :disabled="!checked" @click="handlePrimary">{{
+          $t('components.learnSysLayout.navigation.dialogButton')
+        }}</el-button>
       </template>
     </el-dialog>
   </div>
@@ -54,7 +56,8 @@ export default {
       dialogVisible: false,
       checked: false,
       sign: {},
-      documentUrl: ''
+      documentUrl: '',
+      timer: null
     }
   },
   mounted() {
@@ -103,23 +106,27 @@ export default {
         return response
       })
     },
+    setTimer() {
+      this.timer = setInterval(() => {
+        this.getSignDocument(this.sign.flowid).then(response => {
+          if (this.documentUrl) {
+            this.clearTimer()
+            this.dialogVisible = false
+          } else {
+            this.dialogVisible = true
+          }
+        })
+      }, 5000)
+    },
+    clearTimer() {
+      this.timer && this.clearTimer(this.timer)
+    },
     handlePrimary() {
-      this.getSignDocument(this.sign.flowid).then(response => {
-        if (this.documentUrl) {
-          this.dialogVisible = false
-        } else {
-          this.newWindowPreview(this.sign.shortUrl)
-        }
-      })
+      this.setTimer()
+      this.newWindowPreview(this.sign.shortUrl)
     },
     handleClose() {
-      this.getSignDocument(this.sign.flowid).then(response => {
-        if (this.documentUrl) {
-          this.dialogVisible = false
-        } else {
-          window.location.href = webConf.others.loginUrl
-        }
-      })
+      window.location.href = webConf.others.loginUrl
     },
     // 新窗口预览
     newWindowPreview(url) {
@@ -133,6 +140,9 @@ export default {
   },
   beforeMount() {
     this.createSign()
+  },
+  destroyed() {
+    this.clearTimer()
   }
 }
 </script>