更新多语言

src/components/Personalcenter/AccountSet.vue

@@ -9,11 +9,11 @@
         :hide-required-asterisk="true"
         :show-message="false"
       >
-        <div class="title">基本信息</div>
+        <div class="title">{{ $t("Key76") }}</div>
         <el-form-item prop="user_name">
           <span slot="label" class="lable">
             <img src="../../assets/login/singin1.png" alt="" />
-            <span>用户名</span>
+            <span>{{ $t("Key25") }}</span>
           </span>
           <el-input
             placeholder="Please enter"
@@ -24,23 +24,26 @@
         <el-form-item prop="user_real_name">
           <span slot="label" class="lable">
             <img src="../../assets/login/singin2.png" alt="" />
-            <span>真实姓名</span>
+            <!-- 真实姓名 -->
+            <span>{{ $t("Key27") }}</span>
           </span>
           <el-input
-            placeholder=" 请输入真实姓名"
+            :placeholder="$t('Key28')"
             v-model="userInfor.real_name"
           ></el-input>
+          <!-- 保存 -->
           <el-button
             v-loading="realLoading"
             type="warning"
             @click="saveRealName"
-            >保存</el-button
+            >{{ $t("Key78") }}</el-button
           >
         </el-form-item>
         <el-form-item class="Noafter" v-if="countryList.length > 0">
           <span slot="label" class="lable">
             <img src="../../assets/login/singin3.png" alt="" />
-            <span>国家</span>
+            <!-- 国家 -->
+            <span>{{ $t("Key77") }}</span>
           </span>
           <el-select
             v-model="userInfor.country_name"
@@ -58,7 +61,8 @@
         <el-form-item class="Noafter" v-if="countryList.length > 0">
           <span slot="label" class="lable">
             <img src="../../assets/login/singin3.png" alt="" />
-            <span>出生日期</span>
+            <!-- 出生日期 -->
+            <span>{{ $t("Key79") }}</span>
           </span>
           <el-date-picker
             v-model="userInfor.birth_date"
@@ -74,7 +78,8 @@
           <el-form-item prop="org_id" class="Noafter">
             <span slot="label" class="lable">
               <img src="../../assets/login/singin4.png" alt="" />
-              <span>机构</span>
+              <!-- 机构 -->
+              <span>{{ $t("Key31") }}</span>
             </span>
             <!--已审核通过的机构-->
             <ul
@@ -88,9 +93,10 @@
                   v-model="item.org_name"
                   :disabled="true"
                 ></el-input>
-                <span class="auditing" v-if="item.is_audited == 'false'"
-                  >审核中</span
-                >
+                <!-- 审核中 -->
+                <span class="auditing" v-if="item.is_audited == 'false'">{{
+                  $t("Key81")
+                }}</span>
                 <!--  -->
                 <template v-if="!isModOrg">
                   <el-popover
@@ -101,14 +107,15 @@
                   >
                     <p>确定退出本机构吗？</p>
                     <div style="text-align: right; margin: 0">
-                      <el-button size="mini" type="text" @click="close(item)"
-                        >取消</el-button
-                      >
+                      <!-- 取消 -->
+                      <el-button size="mini" type="text" @click="close(item)">{{
+                        $t("Key83")
+                      }}</el-button>
                       <el-button
                         type="primary"
                         size="mini"
                         @click="exitOrg(item)"
-                        >确定</el-button
+                        >{{ $t("Key94") }}</el-button
                       >
                     </div>
                     <img
@@ -128,7 +135,7 @@
                 filterable
                 allow-create
                 default-first-option
-                placeholder="选择机构"
+                :placeholder="$t('Key32')"
                 v-loadmore="SelectScroll"
                 v-loading="SelectLoading"
                 :disabled="isModOrg"
@@ -142,60 +149,74 @@
                 ></el-option>
               </el-select>
             </template>
-            <el-button v-if="isModOrg" class="btn" @click="modifyOrg"
-              >修改机构</el-button
-            >
+            <!-- 修改机构 -->
+            <el-button v-if="isModOrg" class="btn" @click="modifyOrg">{{
+              $t("Key80")
+            }}</el-button>
             <div v-else>
               <el-button
                 class="btn"
                 @click="cancleJoinOrg"
-                style="margin-right: 16px; margin-left: 16px"
-                >取消</el-button
+                style="margin-right: 16px"
+                >{{ $t("Key83") }}</el-button
               >
-              <el-button type="warning" class="btn" @click="joinOrg"
-                >完成</el-button
+              <!-- 完成 -->
+              <el-button
+                type="warning"
+                class="btn"
+                @click="joinOrg"
+                style="margin-right: 16px"
+                >{{ $t("Key82") }}</el-button
               >
             </div>
           </el-form-item>
         </template>
         <el-divider></el-divider>
-        <div class="title2">注册信息</div>
+        <!-- 注册信息 -->
+        <div class="title2">{{ $t("Key84") }}</div>
         <el-form-item prop="email">
           <span slot="label" class="lable">
+            <!-- 邮箱 -->
             <img src="../../assets/login/singin6.png" alt="" />
-            <span>邮箱</span>
+            <span>{{ $t("Key34") }}</span>
           </span>
           <el-input
             v-model="userInfor.email_encrypt"
             placeholder="Email"
             :disabled="true"
           />
-          <el-button @click="editEmail">修改邮箱</el-button>
+          <!-- 修改邮箱 -->
+          <el-button @click="editEmail">{{ $t("Key86") }}</el-button>
         </el-form-item>
         <el-form-item prop="phone">
           <span slot="label" class="lable">
+            <!-- 手机号码 -->
             <img src="../../assets/login/phone2.png" alt="" />
-            <span>手机号码</span>
+            <span>{{ $t("Key85") }}</span>
           </span>
           <el-input
             v-model="userInfor.phone_encrypt"
             placeholder="phone"
             :disabled="true"
           />
-          <el-button @click="editPhone">修改手机号</el-button>
+          <!-- 修改手机号 -->
+          <el-button @click="editPhone">{{ $t("Key87") }}</el-button>
         </el-form-item>
         <el-form-item prop="password">
           <span slot="label" class="lable">
+            <!-- 密码 -->
             <img src="../../assets/login/singin9.png" alt="" />
-            <span>密码</span>
+            <span>{{ $t("Key14") }}</span>
           </span>
+          <!-- 请输入密码 -->
           <el-input
             v-model="password"
             type="password"
-            placeholder="请输入密码"
+            :placeholder="$t('Key14')"
             :disabled="true"
           />
-          <el-button @click="editPassword">修改密码</el-button>
+          <!-- 修改密码 -->
+          <el-button @click="editPassword">{{ $t("Key88") }}</el-button>
         </el-form-item>
       </el-form>
     </div>
@@ -240,6 +261,7 @@ export default {
       myOrgloading: false,
       password: "111111111111",
       realLoading: false,
+      title: this.$t("Key65"),
     };
   },
   //计算属性 类似于data概念
@@ -575,6 +597,8 @@ export default {
 .AccountSet {
   .el-form-item__label {
     font-size: 16px;
+    padding: 8px 0;
+    line-height: 16px;
   }
   .el-button--warning {
     background: #ff9900;

src/components/Personalcenter/Mycollect.vue

@@ -2,7 +2,7 @@
   <!-- 购买记录 -->
   <div class="OrderManage personal-center">
     <EditTitle
-      title="我的收藏"
+      :title="$t('Key66')"
       :isDel="1"
       :isShowCheckBox="isShowCheckBox"
       :changeIsDel="changeIsDel"
@@ -19,17 +19,17 @@
         @select="handleSelect"
       >
         <!-- <el-menu-item index="all">全部</el-menu-item> -->
-        <el-menu-item index="book">教材</el-menu-item>
-        <el-menu-item index="teaching">教学课程</el-menu-item>
-        <el-menu-item index="video" v-if="userType != 'STUDENT'"
-          >视频</el-menu-item
-        >
-        <el-menu-item index="live" v-if="userType != 'STUDENT'"
-          >直播</el-menu-item
-        >
-        <el-menu-item index="jiaoyan" v-if="userType != 'STUDENT'"
-          >教研资料</el-menu-item
-        >
+        <el-menu-item index="book">{{ $t("Key44") }}</el-menu-item>
+        <el-menu-item index="teaching">{{ $t("Key62") }}</el-menu-item>
+        <el-menu-item index="video" v-if="userType != 'STUDENT'">{{
+          $t("Key74")
+        }}</el-menu-item>
+        <el-menu-item index="live" v-if="userType != 'STUDENT'">{{
+          $t("Key75")
+        }}</el-menu-item>
+        <el-menu-item index="jiaoyan" v-if="userType != 'STUDENT'">{{
+          $t("Key63")
+        }}</el-menu-item>
         <el-menu-item index="hanzi">字词</el-menu-item>
         <el-menu-item index="sentence">句子</el-menu-item>
       </el-menu>
@@ -133,10 +133,10 @@
                   v-if="item.goods_is_buy == 'false'"
                   @click="reOrder(item)"
                 >
-                  购买
+                  {{ $t("Key72") }}
                 </button>
                 <button class="goPay hasPay" v-if="item.goods_is_buy == 'true'">
-                  已购买
+                  {{ $t("Key73") }}
                 </button>
               </div>
             </div>
@@ -159,7 +159,7 @@
     </div>
     <el-dialog
       class="orderDialog"
-      title="商品详情"
+      :title="$t('Key52')"
       :visible.sync="isConfirmorder"
       width="720px"
       :before-close="closeConfirmorder"

src/components/Personalcenter/Mymessage.vue

@@ -1,9 +1,9 @@
 <!--  -->
 <template>
   <div class="Mymessage">
-    <EditTitle title="通知中心" />
+    <EditTitle :title="title" />
     <div class="cc-content">
-      <h2 class="cc-title">最近收到的通知</h2>
+      <h2 class="cc-title">{{ $t("Key69") }}</h2>
       <div
         class="cc-main-box"
         v-infinite-scroll="load"
@@ -71,6 +71,7 @@ export default {
       sysIcon: require("../../assets/Personalcenter/system-msg-icon.png"),
       teachIcon: require("../../assets/Personalcenter/teacher-msg-icon.png"),
       listObj: {},
+      title: this.$t("Key68"),
     };
   },
   computed: {

src/components/Personalcenter/Mytextbook.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 我的教材 -->
   <div class="Mytextbook personal-center">
-    <EditTitle title="我的教材" />
+    <EditTitle :title="title" />
     <template v-if="!isEmpty">
       <div v-loading="loading" class="bookList">
         <div v-for="(item, i) in list" :key="i" @click="jump(item)">
@@ -58,6 +58,7 @@ export default {
       loading: false,
       isEmpty: false,
       isShowCheckBox: false,
+      title: this.$t("Key61"),
     };
   },
   //计算属性 类似于data概念

src/components/Personalcenter/OrderManage.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 购买记录 -->
   <div class="OrderManage personal-center">
-    <EditTitle title="订单管理" />
+    <EditTitle :title="title" />
     <div class="menuBox">
       <el-menu
         :default-active="activeIndex"
@@ -9,10 +9,11 @@
         mode="horizontal"
         @select="handleSelect"
       >
-        <el-menu-item index="-1">全部</el-menu-item>
-        <el-menu-item index="0">未支付</el-menu-item>
-        <el-menu-item index="1">已支付</el-menu-item>
-        <el-menu-item index="2">已取消</el-menu-item>
+        <!-- 全部 未支付 已支付 已取消-->
+        <el-menu-item index="-1">{{ $t("Key110") }}</el-menu-item>
+        <el-menu-item index="0">{{ $t("Key111") }}</el-menu-item>
+        <el-menu-item index="1">{{ $t("Key112") }}</el-menu-item>
+        <el-menu-item index="2">{{ $t("Key113") }}</el-menu-item>
       </el-menu>
       <el-select v-model="navValue" placeholder="请选择" @change="changeNav">
         <el-option
@@ -38,7 +39,8 @@
                 {{ item.create_time }}
               </p>
               <div class="orderNo">
-                订单编号：<span>{{ item.id }}</span>
+                <!-- 订单编号 -->
+                {{ $t("Key99") }}：<span>{{ item.id }}</span>
               </div>
             </div>
             <template v-if="item.is_pay == 'true' || item.is_cancel == 'true'">
@@ -64,7 +66,8 @@
             </div>
             <div class="main-content-middle">
               <div class="middle-con">
-                <span class="middle-con-text">原价</span>
+                <!-- 原价 -->
+                <span class="middle-con-text">{{ $t("Key104") }}</span>
                 <span
                   :class="[
                     'middle-con-p1',
@@ -74,7 +77,8 @@
                 >
               </div>
               <div class="middle-con middle-con-discount">
-                <span class="middle-con-text">折扣 </span>
+                <!-- 折扣 -->
+                <span class="middle-con-text">{{ $t("Key105") }} </span>
                 <span
                   :class="[
                     'middle-con-p1',
@@ -83,10 +87,11 @@
                   >¥{{ item.discount_money }}</span
                 >
                 <template v-if="item.discount_code">
+                  <!-- 已使用优惠码 -->
                   <el-tooltip
                     class="item"
                     effect="dark"
-                    :content="'已使用优惠码 ' + item.discount_code"
+                    :content="$t('Key107') + item.discount_code"
                     placement="bottom"
                   >
                     <img
@@ -97,7 +102,8 @@
                 </template>
               </div>
               <div class="middle-con">
-                <span class="middle-con-text">实付</span>
+                <!-- 实付 -->
+                <span class="middle-con-text">{{ $t("Key106") }}</span>
                 <span
                   :class="[
                     'middle-con-p1',
@@ -110,20 +116,28 @@
             </div>
             <div class="main-content-right">
               <p class="order-status" v-if="item.is_pay == 'true'">
-                <span class="priceText pay">交易成功</span>
+                <!-- 交易成功 -->
+                <span class="priceText pay">{{ $t("Key100") }}</span>
               </p>
               <template v-else>
                 <div class="order-btn" v-if="item.is_cancel == 'true'">
-                  <button class="goPay" @click="reOrder(item)">重新下单</button>
-                  <span class="priceText cancel-success">交易已取消</span>
+                  <!-- 重新下单 -->
+                  <button class="goPay" @click="reOrder(item)">
+                    {{ $t("Key117") }}
+                  </button>
+                  <!-- 交易已取消 -->
+                  <span class="priceText cancel-success">{{
+                    $t("Key114")
+                  }}</span>
                 </div>
                 <div class="order-btn" v-if="item.is_cancel == 'false'">
                   <!--  -->
                   <template v-if="item.goods_type == 201">
+                    <!-- 审核中 -->
                     <span
                       class="pcom_verfiy pcom_verfiy_zhong"
                       v-if="item.audit_status == 0"
-                      >审核中</span
+                      >{{ $t("Key81") }}</span
                     >
                     <span
                       v-if="item.audit_status == 1"
@@ -137,6 +151,7 @@
                     >
                   </template>
                   <template v-if="item.goods_type != 201">
+                    <!-- 去付款 -->
                     <button class="goPay" @click="goPay(item)">去付款</button>
                   </template>
                   <template v-if="item.goods_type == 201">
@@ -149,9 +164,10 @@
                     </button>
                     <button class="goPay noPay_ad" v-else>去付款</button>
                   </template>
-                  <span class="cancelOrder" @click="cancleMyOrder(item.id)"
-                    >取消订单</span
-                  >
+                  <!-- 取消订单 -->
+                  <span class="cancelOrder" @click="cancleMyOrder(item.id)">{{
+                    $t("Key102")
+                  }}</span>
                 </div>
               </template>
             </div>
@@ -175,7 +191,7 @@
 
     <el-dialog
       class="orderDialog"
-      title="商品详情"
+      :title="$t('Key52')"
       :visible.sync="isConfirmorder"
       width="720px"
       :before-close="closeConfirmorder"
@@ -220,6 +236,7 @@ export default {
   data() {
     //这里存放数据
     return {
+      title: this.$t("Key65"),
       navType: "5",
       isEmpty: false,
       activeIndex: "-1",
@@ -227,23 +244,23 @@ export default {
       navList: [
         {
           code: "",
-          name: "全部",
+          name: this.$t("Key110"), //"全部",
         },
         {
           code: [101],
-          name: "教材",
+          name: this.$t("Key61"), //"教材",
         },
         {
           code: [201],
-          name: "教学课程",
+          name: this.$t("Key62"), //"教学课程",
         },
         {
           code: [301, 302, 303],
-          name: "教培课程",
+          name: this.$t("Key63"), //"教培课程",
         },
         {
           code: [401],
-          name: "教研资料",
+          name: this.$t("Key64"), // "教研资料",
         },
       ],
       goods_name: "",
@@ -716,10 +733,10 @@ export default {
             align-items: center;
             > span {
               width: 120px;
-              height: 40px;
+              // height: 40px;
               font-weight: normal;
               font-size: 16px;
-              line-height: 40px;
+              // line-height: 40px;
               text-align: center;
               &.noPay {
                 color: #ff9900;
@@ -744,14 +761,14 @@ export default {
               padding: 0 12px;
               font-weight: normal;
               font-size: 16px;
-              line-height: 40px;
+              // line-height: 40px;
               text-align: center;
               color: #2c2c2c;
               cursor: pointer;
             }
             .pcom_verfiy {
               font-size: 16px;
-              line-height: 40px;
+              // line-height: 40px;
               text-align: center;
               text-transform: uppercase;
               margin-bottom: 8px;
@@ -766,13 +783,17 @@ export default {
               }
             }
             .goPay {
-              width: 120px;
+              min-width: 120px;
               height: 40px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
               background: #ff9900;
               border-radius: 4px;
               font-weight: normal;
               font-size: 16px;
-              line-height: 40px;
+
+              padding: 8px 8px;
               text-align: center;
               text-transform: uppercase;
               color: #ffffff;
@@ -792,13 +813,14 @@ export default {
               border-radius: 4px;
               font-weight: normal;
               font-size: 16px;
-              line-height: 40px;
+              // line-height: 40px;
               text-align: center;
               text-transform: uppercase;
               color: #888888;
               cursor: pointer;
               border: 0;
               outline: 0;
+              margin-top: 16px;
             }
           }
         }

src/components/Personalcenter/TeachMaterial.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 我的教材 -->
   <div class="Mytextbook personal-center">
-    <EditTitle title="教研资料" />
+    <EditTitle :title="title" />
     <!-- <el-menu
       :default-active="activeIndex"
       class="el-menu-demo"
@@ -64,6 +64,7 @@ export default {
   data() {
     //这里存放数据
     return {
+      title: this.$t("Key64"),
       navType: "4",
       isEmpty: false,
       activeIndex: "[401]",

src/components/Personalcenter/Teachcourse.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 我的课程 -->
   <div class="Teachcourse personal-center">
-    <EditTitle title="教学课程" />
+    <EditTitle :title="title" />
     <template v-if="!isEmpty">
       <div v-loading="loading" class="bookList">
         <div v-for="(item, i) in list" :key="i" @click="jump(item)">
@@ -67,6 +67,7 @@ export default {
       loading: false,
       isEmpty: false,
       isShowCheckBox: false,
+      title: this.$t("Key62"),
     };
   },
   //计算属性 类似于data概念

src/components/Personalcenter/Traincourse.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- 我的课程 -->
   <div class="Teachcourse personal-center">
-    <EditTitle title="教培课程" />
+    <EditTitle :title="title" />
     <el-menu
       :default-active="activeIndex"
       class="el-menu-demo"
@@ -64,19 +64,19 @@ export default {
       activeList: [
         {
           code: "[301, 302, 303]",
-          name: "全部",
+          name: this.$t("Key110"), //"全部",
         },
         {
           code: "[301]",
-          name: "视频",
+          name: this.$t("Key74"), //"视频",
         },
         {
           code: "[302]",
-          name: "直播",
+          name: this.$t("Key75"), // "直播",
         },
         {
           code: "[303]",
-          name: "线下活动",
+          name: this.$t("Key42"), //"线下活动",
         },
       ],
       goods_name: "",
@@ -86,6 +86,7 @@ export default {
       list: [],
       loading: false,
       isShowCheckBox: false,
+      title: this.$t("Key63"),
     };
   },
   //计算属性 类似于data概念

src/components/common/Confirmorder.vue

@@ -27,34 +27,38 @@
         placeholder="请输入兑换码"
         @input="changeCode"
       />
+      <!-- 确定 -->
       <span
         class="sp2"
         v-loading="codeloading"
         @click="verifyCode"
         v-if="isShow"
-        >确定</span
+        >{{ $t("Key94") }}</span
       >
       <span class="sp2" v-else>-{{ discount_money }}</span>
     </div>
     <div class="total">
       <p class="p1">
-        <span>一件商品，总金额： </span>
+        <!-- 一件商品，总金额 -->
+        <span>{{ $t("Key53") }}： </span>
         <span class="co-value" v-if="data.price">¥{{ data.price }}</span>
         <span class="co-value" v-if="data.goods_price"
           >¥{{ data.goods_price }}</span
         >
       </p>
       <p class="p2">
-        <span>优惠折扣： </span>
+        <!-- 优惠折扣 -->
+        <span>{{ $t("Key54") }}： </span>
         <span class="co-value">-¥{{ discount_money }}</span>
       </p>
       <p class="p3">
-        <span>应付： </span>
+        <!-- 应付 -->
+        <span>{{ $t("Key55") }}： </span>
         <span class="co-value">¥{{ receivables_money }}</span>
       </p>
     </div>
     <div class="submitBtn">
-      <button @click="addMyOrder">确定订单</button>
+      <button @click="addMyOrder">{{ $t("Key58") }}</button>
     </div>
   </div>
 </template>
@@ -265,7 +269,7 @@ export default {
     }
     input {
       flex: 1;
-      height: 56px;
+      height: 55px;
       outline: none;
       border: none;
       padding: 0;
@@ -315,7 +319,7 @@ export default {
     text-align: right;
     margin-top: 16px;
     button {
-      width: 120px;
+      min-width: 120px;
       height: 40px;
       background: #ff9900;
       border-radius: 4px;
@@ -325,6 +329,8 @@ export default {
       border: none;
       outline: none;
       cursor: pointer;
+      box-sizing: border-box;
+      padding: 0 8px;
     }
   }
 }

src/components/common/EditTitle.vue

@@ -10,7 +10,8 @@
           @click="changeIsDel(true)"
         >
           <img src="@/assets/Personalcenter/edit-icon.png" class="edit-icon" />
-          <span>编辑</span>
+          <!-- 编辑 -->
+          <span>{{ $t("Key123") }}</span>
         </el-button>
       </template>
       <template v-else>
@@ -23,12 +24,13 @@
         >
           <p>确认删除 {{ selectedCount }} 项？</p>
           <div style="text-align: right; margin: 0">
-            <el-button size="mini" type="text" @click="isPop = false"
-              >取消</el-button
-            >
-            <el-button type="primary" size="mini" @click="sureDel"
-              >确定</el-button
-            >
+            <el-button size="mini" type="text" @click="isPop = false">{{
+              $t("Key83")
+            }}</el-button>
+            <!-- 确定 -->
+            <el-button type="primary" size="mini" @click="sureDel">{{
+              $t("Key94")
+            }}</el-button>
           </div>
 
           <el-button
@@ -40,7 +42,8 @@
               src="@/assets/Personalcenter/delete-icon.png"
               class="edit-icon"
             />
-            <span>删除</span>
+            <!-- 删除 -->
+            <span>{{ $t("Key172") }}</span>
           </el-button>
         </el-popover>
         <el-button
@@ -48,7 +51,8 @@
           class="common-btn cancle-btn"
           @click="changeIsCancle(false)"
         >
-          <span>取消</span>
+          <!-- 取消 -->
+          <span>{{ $t("Key83") }}</span>
         </el-button>
         <el-button
           size="small"
@@ -59,7 +63,8 @@
             src="@/assets/Personalcenter/complete-icon.png"
             class="edit-icon"
           />
-          <span>完成</span>
+          <!-- 完成 -->
+          <span>{{ $t("Key82") }}</span>
         </el-button>
       </template>
     </div>

src/components/common/Empty.vue

@@ -11,7 +11,6 @@
 
 <script>
 import { getContent } from "@/api/ajax";
-import Cookies from "js-cookie";
 export default {
   components: {},
   props: ["navType"],
@@ -44,16 +43,16 @@ export default {
         case "2":
           obj = {
             url: require("../../assets/Personalcenter/2.png"),
-            con: "您还未购买任何课程",
-            linkName: "去选课",
+            con: this.$t("Key70"), //"您还未购买任何课程",
+            linkName: this.$t("Key71"), //"去选课",
             link: `/GCLS-LC/#/learncenter/ListPage?id=COURSE`,
           };
           break;
         case "3":
           obj = {
             url: require("../../assets/Personalcenter/2.png"),
-            con: "您还未购买任何课程",
-            linkName: "去选课",
+            con: this.$t("Key70"), //"您还未购买任何课程",
+            linkName: this.$t("Key71"), //"去选课",
             link: `/GCLS-TRC/#/EnterSys`,
           };
           break;

src/components/common/Header.vue

@@ -27,7 +27,7 @@
     <div class="userName">
       <template>
         <el-dropdown
-          style="margin-right: 16px; cursor: pointer"
+          style="cursor: pointer"
           trigger="click"
           @command="changeLang"
         >
@@ -341,7 +341,7 @@ export default {
       display: flex;
       justify-content: center;
       align-items: center;
-      margin-left: 23px;
+      // margin-left: 23px;
       img {
         width: 18px;
         height: 24px;
@@ -377,6 +377,7 @@ export default {
       align-items: center;
       cursor: pointer;
       position: relative;
+      margin: 0 23px 0 16px;
       > img {
         width: 34px;
         height: 34px;
@@ -384,6 +385,7 @@ export default {
       > span {
         font-size: 20px;
         padding-left: 10px;
+        padding-right: 10px;
       }
       .userShow {
         position: absolute;

src/components/common/Modifymail.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="Modify">
     <el-dialog
-      title="修改邮箱"
+      :title="$t('Key86')"
       :visible.sync="dialogVisible"
       width="570px"
       :show-close="false"
@@ -13,32 +13,32 @@
             <el-form-item prop="email_old">
               <span slot="label" class="lable">
                 <img src="../../assets/login/singin6.png" alt="" />
-                <span>旧邮箱</span>
+                <span>{{ $t("Key89") }}</span>
               </span>
               <el-input
                 v-model.trim="ruleForm.email_old"
-                placeholder="请输入旧邮箱"
+                :placeholder="$t('Key91')"
               />
             </el-form-item>
             <el-form-item prop="email_new">
               <span slot="label" class="lable">
                 <img src="../../assets/login/singin6.png" alt="" />
-                <span>新邮箱</span>
+                <span>{{ $t("Key90") }}</span>
               </span>
               <el-input
                 v-model.trim="ruleForm.email_new"
-                placeholder="请输入新邮箱"
+                :placeholder="$t('Key92')"
               />
             </el-form-item>
             <el-form-item prop="verification_code">
               <span slot="label" class="lable">
                 <img src="../../assets/login/singin7.png" alt="" />
-                <span>验证码</span>
+                <span>{{ $t("Key36") }}</span>
               </span>
               <el-input
                 style="width: 202px"
                 v-model.trim="ruleForm.verification_code"
-                placeholder="请输入验证码"
+                :placeholder="$t('Key37')"
                 maxlength="6"
               />
               <button v-if="VerificationCodeShow" class="waitTime" disabled>
@@ -53,7 +53,7 @@
                   language_type == 'AR' ? 'marginRight' : '',
                 ]"
               >
-                获取验证码
+                <!-- 获取验证码 -->{{ $t("Key93") }}
               </button>
             </el-form-item>
             <el-divider></el-divider>
@@ -63,14 +63,15 @@
                 @click.prevent="submitForm"
                 class="footer-btn-sure"
               >
-                确定
+                <!-- 确定 -->{{ $t("Key94") }}
               </button>
               <button
                 type="button"
                 @click.prevent="dialogVisible = false"
                 class="footer-btn-cancle"
               >
-                取消
+                <!-- 取消 -->
+                {{ $t("Key83") }}
               </button>
             </el-form-item>
           </el-form>
@@ -92,7 +93,7 @@ export default {
     var validateOld = (rule, value, callback) => {
       let _this = this;
       if (value === "") {
-        callback(new Error("请输入旧邮箱"));
+        callback(new Error(_this.$t("Key91"))); //请输入旧邮箱
       } else {
         let reg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; //验证邮箱的正则
         let EmailError = reg.test(value);

src/components/common/Modifypassword.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="Modify Modifypassword">
     <el-dialog
-      title="修改密码"
+      :title="$t('Key88')"
       :visible.sync="dialogVisible"
       top="80px"
       width="570px"
@@ -61,7 +61,8 @@
                 alt=""
               />
               <p :class="passwordError ? 'textRed' : 'psswordHint'">
-                请输入8-12位大写字母、小写字母和数字组合。
+                <!-- 请输入8-12位大写字母、小写字母和数字组合。 -->
+                {{ $t("Key121") }}
               </p>
             </el-form-item>
             <el-form-item prop="Twopassword">
@@ -89,7 +90,8 @@
                 alt=""
               />
               <p :class="passwordErrorTwo ? 'textRed' : 'psswordHint'">
-                请再次输入密码，必须和新密码一致。
+                <!-- 请再次输入密码，必须和新密码一致。 -->
+                {{ $t("Key122") }}
               </p>
             </el-form-item>
             <el-divider></el-divider>
@@ -99,14 +101,14 @@
                 @click.prevent="submitForm()"
                 class="footer-btn-sure"
               >
-                确定
+                <!-- 确定 -->{{ $t("Key94") }}
               </button>
               <button
                 type="button"
                 @click.prevent="dialogVisible = false"
                 class="footer-btn-cancle"
               >
-                取消
+                <!-- 取消 -->{{ $t("Key83") }}
               </button>
             </el-form-item>
           </el-form>
@@ -128,9 +130,9 @@ export default {
     var basePassword = (rule, value, callback) => {
       let _this = this;
       if (value === "") {
-        callback(new Error("请输入旧密码"));
+        callback(new Error("请输入旧密码")); //
       } else if (value == _this.ruleForm.password) {
-        callback(new Error("新旧密码一致!"));
+        callback(new Error(_this.$t("Key210"))); //"新旧密码一致!"
       } else {
         callback();
       }
@@ -148,7 +150,7 @@ export default {
           if (this.ruleForm.oldpassword !== "") {
             this.$refs.ruleForm.validateField("oldpassword");
             if (value == _this.ruleForm.oldpassword) {
-              callback(new Error("新旧密码一致!"));
+              callback(new Error(_this.$t("Key210")));
             }
           }
           if (this.ruleForm.Twopassword !== "") {
@@ -171,7 +173,7 @@ export default {
       if (value === "") {
         callback(new Error("请再次输入密码"));
       } else if (value !== _this.ruleForm.password) {
-        callback(new Error("两次输入密码不一致!"));
+        callback(new Error(_this.$t("Key211"))); //两次输入密码不一致!
       } else {
         callback();
       }

src/components/common/Modifyphone.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="Modify">
     <el-dialog
-      title="修改手机号"
+      :title="$t('Key87')"
       :visible.sync="dialogVisible"
       width="570px"
       :show-close="false"
@@ -13,32 +13,34 @@
             <el-form-item prop="email_old">
               <span slot="label" class="lable">
                 <img src="../../assets/login/singin6.png" alt="" />
-                <span>旧手机号</span>
+                <!-- 旧手机号 -->
+                <span>{{ $t("Key95") }}</span>
               </span>
               <el-input
                 v-model.trim="ruleForm.phone_old"
-                placeholder="请输入旧手机号"
+                :placeholder="$t('Key97')"
               />
             </el-form-item>
             <el-form-item prop="phone_new">
               <span slot="label" class="lable">
                 <img src="../../assets/login/singin6.png" alt="" />
-                <span>新手机号</span>
+                <span>{{ $t("Key96") }}</span>
               </span>
               <el-input
                 v-model.trim="ruleForm.phone_new"
-                placeholder="请输入新手机号"
+                :placeholder="$t('Key98')"
               />
             </el-form-item>
             <el-form-item prop="verification_code">
               <span slot="label" class="lable">
                 <img src="../../assets/login/singin7.png" alt="" />
-                <span>验证码</span>
+                <!-- 验证码 -->
+                <span>{{ $t("Key36") }}</span>
               </span>
               <el-input
                 style="width: 202px"
                 v-model.trim="ruleForm.verification_code"
-                placeholder="请输入验证码"
+                :placeholder="$t('Key36')"
                 maxlength="6"
               />
               <button v-if="VerificationCodeShow" class="waitTime" disabled>
@@ -50,7 +52,8 @@
                 @click.prevent="getVerificationCode"
                 class="getVerification"
               >
-                获取验证码
+                <!-- 获取验证码 -->
+                {{ $t("Key36") }}
               </button>
             </el-form-item>
             <el-divider></el-divider>
@@ -60,14 +63,14 @@
                 @click.prevent="submitForm"
                 class="footer-btn-sure"
               >
-                确定
+                <!-- 确定 -->{{ $t("Key94") }}
               </button>
               <button
                 type="button"
                 @click.prevent="dialogVisible = false"
                 class="footer-btn-cancle"
               >
-                取消
+                <!-- 取消 -->{{ $t("Key83") }}
               </button>
             </el-form-item>
           </el-form>
@@ -88,7 +91,7 @@ export default {
     var validateOld = (rule, value, callback) => {
       let _this = this;
       if (value === "") {
-        callback(new Error("请输入旧手机号"));
+        callback(new Error(_this.$t("Key97"))); //请输入旧手机号
       } else {
         if (value == _this.ruleForm.phone_new) {
           callback(new Error("新旧手机号一致!"));

src/components/common/Payment.vue

@@ -34,24 +34,30 @@
     </div>
     <div class="total">
       <p class="p1">
-        <span> 一件商品，总金额： </span>
+        <!-- 一件商品，总金额 -->
+        <span> {{ $t("Key53") }}： </span>
         <span class="co-value" v-if="data.price">¥{{ data.price }}</span>
         <span class="co-value" v-if="data.goods_price"
           >¥{{ data.goods_price }}</span
         >
       </p>
       <p class="p2">
-        <span> 优惠折扣： </span>
+        <!-- 优惠折扣 -->
+        <span> {{ $t("Key54") }}： </span>
         <span class="co-value">-¥{{ data.discount_money }}</span>
       </p>
       <p class="p4">
         <span></span>
+        <!-- 优惠码  未使用优惠码-->
         <span class="no-code">{{
-          data.discount_code ? "优惠码：" + data.discount_code : "未使用优惠码"
+          data.discount_code
+            ? $t("Key232") + "：" + data.discount_code
+            : $t("Key108")
         }}</span>
       </p>
       <p class="p3">
-        <span> 应付： </span>
+        <!-- 应付： -->
+        <span> {{ $t("Key55") }}： </span>
         <span class="co-value">¥{{ data.receivables_money }}</span>
       </p>
     </div>
@@ -274,7 +280,7 @@ export default {
     }
     input {
       flex: 1;
-      height: 56px;
+      height: 55px;
       outline: none;
       border: none;
       padding: 0;

src/views/Personalcenter.vue

@@ -58,7 +58,7 @@
             </div>
           </div>
         </div>
-        <div class="right">
+        <div class="right" v-if="islangs">
           <Mymessage v-if="SeleNavId == 0" />
           <Mytextbook v-if="SeleNavId == 1" />
           <Teachcourse
@@ -129,6 +129,7 @@ export default {
   data() {
     //这里存放数据
     return {
+      islangs: false,
       userInfor: null,
       userMessage: null, //登录信息
       SeleNavId: 0,
@@ -349,8 +350,93 @@ export default {
       let user = JSON.parse(getToken());
       this.userMessage = user;
       await updateWordPack({
-        word_key_list: ["Key60"],
+        word_key_list: [
+          "Key14",
+          "Key25",
+          "Key26",
+          "Key27",
+          "Key28",
+          "Key29",
+          "Key30",
+          "Key31",
+          "Key32",
+          "Key33",
+          "Key34",
+          "Key35",
+          "Key36",
+          "Key37",
+          "Key42",
+          "Key44",
+          "Key52",
+          "Key53",
+          "Key54",
+          "Key55",
+          "Key58",
+          "Key60",
+          "Key61",
+          "Key62",
+          "Key63",
+          "Key64",
+          "Key65",
+          "Key66",
+          "Key67",
+          "Key68",
+          "Key69",
+          "Key70",
+          "Key71",
+          "Key72",
+          "Key73",
+          "Key74",
+          "Key75",
+          "Key77",
+          "Key76",
+          "Key78",
+          "Key79",
+          "Key80",
+          "Key83",
+          "Key82",
+          "Key84",
+          "Key85",
+          "Key86",
+          "Key87",
+          "Key88",
+          "Key89",
+          "Key90",
+          "Key91",
+          "Key92",
+          "Key93",
+          "Key94",
+          "Key95",
+          "Key96",
+          "Key97",
+          "Key98",
+          "Key99",
+          "Key100",
+          "Key101",
+          "Key102",
+          "Key103",
+          "Key104",
+          "Key105",
+          "Key106",
+          "Key107",
+          "Key108",
+          "Key109",
+          "Key110",
+          "Key111",
+          "Key112",
+          "Key113",
+          "Key114",
+          "Key117",
+          "Key121",
+          "Key122",
+          "Key123",
+          "Key210",
+          "Key211",
+          "Key232",
+          "Key172",
+        ],
       });
+      this.islangs = true;
       this.teachList = [
         {
           id: 0,
@@ -360,43 +446,43 @@ export default {
         },
         {
           id: 1,
-          name: "我的教材",
+          name: this.$t("Key61"),
           imgSrc: "nav2",
           selectSrc: "nav2-1",
         },
         {
           id: 2,
-          name: "教学课程",
+          name: this.$t("Key62"), //"教学课程",
           imgSrc: "nav3",
           selectSrc: "nav3-1",
         },
         {
           id: 3,
-          name: "教培课程",
+          name: this.$t("Key63"), //"教培课程",
           imgSrc: "nav4",
           selectSrc: "nav4-1",
         },
         {
           id: 4,
-          name: "教研材料",
+          name: this.$t("Key64"), //"教研材料",
           imgSrc: "nav5",
           selectSrc: "nav5-1",
         },
         {
           id: 5,
-          name: "订单管理",
+          name: this.$t("Key65"), //"订单管理",
           imgSrc: "nav6",
           selectSrc: "nav6-1",
         },
         {
           id: 6,
-          name: "我的收藏",
+          name: this.$t("Key66"), //"我的收藏",
           imgSrc: "nav7",
           selectSrc: "nav7-1",
         },
         {
           id: 7,
-          name: "账户设置",
+          name: this.$t("Key67"), //"账户设置",
           imgSrc: "nav8",
           selectSrc: "nav8-1",
         },
@@ -410,31 +496,31 @@ export default {
         },
         {
           id: 1,
-          name: "我的教材",
+          name: this.$t("Key61"), //"我的教材",
           imgSrc: "nav2",
           selectSrc: "nav2-1",
         },
         {
           id: 2,
-          name: "教学课程",
+          name: this.$t("Key62"), //"教学课程",
           imgSrc: "nav3",
           selectSrc: "nav3-1",
         },
         {
           id: 5,
-          name: "订单管理",
+          name: this.$t("Key65"), //"订单管理",
           imgSrc: "nav6",
           selectSrc: "nav6-1",
         },
         {
           id: 6,
-          name: "我的收藏",
+          name: this.$t("Key66"), // "我的收藏",
           imgSrc: "nav7",
           selectSrc: "nav7-1",
         },
         {
           id: 7,
-          name: "账户设置",
+          name: this.$t("Key67"), //"账户设置",
           imgSrc: "nav8",
           selectSrc: "nav8-1",
         },