update

components/rightAside.vue

@@ -6,14 +6,14 @@
         @mouseenter="handleMsOver('enroll')"
         @mouseleave="handleMsOut"
       >
-        <p>报名咨询</p>
+        <p>{{ $t('aside.apply') }}</p>
       </li>
       <li
         :class="{ wx: true, active: tabBtnActive && tabBtnTarget === 'wx' }"
         @mouseenter="handleMsOver('wx')"
         @mouseleave="handleMsOut"
       >
-        <p>关注我们</p>
+        <p>{{ $t('aside.follow') }}</p>
       </li>
     </ul>
     <transition
@@ -29,9 +29,9 @@
         @mouseout="handleMsOut"
       >
         <div class="enroll_cont" id="show-enroll-content" v-show="tabBtnTarget === 'enroll'">
-          <h5>报名咨询</h5>
-          <p><el-input v-model="formInfo.name" placeholder="请输入您的姓名" size="small"></el-input></p>
-          <p><el-input v-model="formInfo.phone" placeholder="请输入您的电话" size="small"></el-input></p>
+          <h5>{{ $t('aside.apply') }}</h5>
+          <p><el-input v-model="formInfo.name" :placeholder="$t('aside.name')" size="small"></el-input></p>
+          <p><el-input v-model="formInfo.phone" :placeholder="$t('aside.phone')" size="small"></el-input></p>
           <!-- <p><el-input v-model="projectName" size="small" :readonly="true"></el-input></p> -->
           <p>
             <select name="" id="" v-model="formInfo.newProjectId" disabled>
@@ -48,15 +48,15 @@
             </el-select> -->
           </p>
           <p class="sendcode">
-            <el-input v-model="sendCode" placeholder="请输入验证码" size="small"></el-input
+            <el-input v-model="sendCode" :placeholder="$t('aside.code')" size="small"></el-input
             ><el-button class="btn" :disabled="isBtnDisabled" id="checkedCode" @click="getSendCode"
-              >获取验证码</el-button
+              >{{ $t('aside.codeBtn') }}</el-button
             >
           </p>
-          <p><el-button style="width: 100%" @click="submitEnroll">立即报名</el-button></p>
+          <p><el-button style="width: 100%" @click="submitEnroll">{{ $t('aside.formBtn') }}</el-button></p>
         </div>
         <div class="wx_cont" v-show="tabBtnTarget === 'wx'">
-          <h5>关注我们</h5>
+          <h5>{{ $t('aside.follow') }}</h5>
           <img src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg" />
         </div>
       </div>
@@ -71,7 +71,7 @@ export default {
     return {
       tabBtnActive: false,
       tabBtnTarget: '',
-      projectName: '金融硕士',
+      projectName: this.$t('aside.project4'),
       sendCode: '',
       isBtnDisabled: false,
       formInfo: {
@@ -82,7 +82,7 @@ export default {
       projectList: [
         { label: '金融工商管理硕士', value: '1000' },
         { label: '酒店及旅游业工商管理硕士', value: '1008' },
-        { label: '金融硕士', value: '1001' },
+        { label: this.$t('aside.project4'), value: '1001' },
         { label: '应用心理学硕士', value: '1006' },
         { label: '教育学硕士', value: '1005' },
         { label: '中国未来金融领袖计划', value: '1007' }
@@ -197,15 +197,15 @@ export default {
     btnDisabledTimer() {
       this.isBtnDisabled = true
       let count = 60
-      document.querySelector('#checkedCode').innerHTML = count + '秒后重发'
+      document.querySelector('#checkedCode').innerHTML = count + 's'
       const timer = setInterval(() => {
         count--
         if (count < 1) {
           clearInterval(timer)
           this.isBtnDisabled = false
-          document.querySelector('#checkedCode').innerHTML = '获取验证码'
+          document.querySelector('#checkedCode').innerHTML = this.$t('aside.codeBtn')
         } else {
-          document.querySelector('#checkedCode').innerHTML = count + '秒后重发'
+          document.querySelector('#checkedCode').innerHTML = count + 's'
         }
       }, 1000)
     }

langs/en-US.js

@@ -244,5 +244,23 @@ export default {
     title1: 'KELLEY商学院杰出校友',
     title2: '紫荆-KELLEY优秀学生'
   },
-  viewMore: '查看更多+'
+  viewMore: '查看更多+',
+  // 右侧弹窗
+  aside: {
+    apply: '报名咨询',
+    follow: '关注我们',
+    name: '请输入您的名字',
+    phone: '请输入您的电话',
+    code: '请输入验证码',
+    codeBtn: '获取验证码',
+    formBtn: '立即报名',
+    project1: '综合管理方向工商管理硕士',
+    project2: '金融方向工商管理硕士',
+    project3: '酒店和旅游方向工商管理硕士',
+    project4: '金融硕士MSF',
+    project5: '应用心理学硕士MAP',
+    project6: '教育学硕士MED（儿童心理与教育）',
+    project7: '中国未来金融领袖计划',
+    pay: '扫描关注微信公众号'
+  }
 }

langs/zh-CN.js

@@ -244,5 +244,23 @@ export default {
     title1: 'KELLEY商学院杰出校友',
     title2: '紫荆-KELLEY优秀学生'
   },
-  viewMore: '查看更多+'
+  viewMore: '查看更多+',
+  // 右侧弹窗
+  aside: {
+    apply: '报名咨询',
+    follow: '关注我们',
+    name: '请输入您的名字',
+    phone: '请输入您的电话',
+    code: '请输入验证码',
+    codeBtn: '获取验证码',
+    formBtn: '立即报名',
+    project1: '综合管理方向工商管理硕士',
+    project2: '金融方向工商管理硕士',
+    project3: '酒店和旅游方向工商管理硕士',
+    project4: '金融硕士MSF',
+    project5: '应用心理学硕士MAP',
+    project6: '教育学硕士MED（儿童心理与教育）',
+    project7: '中国未来金融领袖计划',
+    pay: '扫描关注微信公众号'
+  }
 }