更新多语言

src/components/pyment/Confirmorder.vue

@@ -19,11 +19,12 @@
       </div>
     </div>
     <div class="promotionCode">
-      <span class="sp1">使用优惠码</span>
+      <span class="sp1"> <!-- 使用优惠码 -->{{ this.$t("Key475") }} </span>
+      <!-- 请输入兑换码 -->
       <input
         v-model="discount_code"
         type="text"
-        placeholder="请输入兑换码"
+        :placeholder="$t('Key109')"
         @input="changeCode"
       />
       <span
@@ -31,26 +32,41 @@
         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">￥{{ data.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="buy(data)">确定订单</button>
+      <button @click="buy(data)">
+        {{ $t("Key116") }}
+        <!-- 确定订单 -->
+      </button>
     </div>
   </div>
 </template>
@@ -129,7 +145,7 @@ export default {
     //验证优惠码
     verifyCode() {
       if (this.discount_code == "") {
-        this.$message.warning("请输入优惠码");
+        this.$message.warning(this.$t("Key109")); //"请输入优惠码"
         return;
       }
       this.codeloading = true;

src/components/pyment/Payment.vue

@@ -9,9 +9,9 @@
         <p class="p1">
           {{ data.name }}
         </p>
-        <p class="p2">
+        <!-- <p class="p2">
           <span>xx课程</span>
-        </p>
+        </p> -->
         <p class="p3">{{ data.author }}</p>
       </div>
       <div class="price">
@@ -19,7 +19,7 @@
       </div>
     </div>
     <div class="pay-platform">
-      <p class="pay-platform-title">选择支付平台</p>
+      <p class="pay-platform-title"><!-- 选择支付平台 -->{{ $t("Key473") }}</p>
       <ul class="pay-platform-list">
         <li
           :class="item.isSelected ? 'active' : ''"
@@ -33,28 +33,36 @@
     </div>
     <div class="total">
       <p class="p1">
-        <span> 一件商品，总金额： </span>
+        <span>
+          <!-- 一件商品，总金额：  -->
+          {{ $t("Key53") }}：</span
+        >
         <span class="co-value">￥{{ data.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="co-value useCode">
-          {{
-            data.back_discount_code ? data.back_discount_code : "没使用优惠码"
-          }}
+          <!-- "没使用优惠码" -->
+          {{ data.back_discount_code ? data.back_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>
     <div class="submitBtn">
-      <button @click="buy(data)">去支付</button>
+      <button @click="buy(data)"><!-- 去支付 -->{{ $t("Key474") }}</button>
     </div>
   </div>
 </template>

src/utils/i18n.js

@@ -47,18 +47,24 @@ export async function setI18nLang(language_type) {
  * @param {Object} Parameter word_key_list 需要读取的词汇
  */
 export function updateWordPack(Parameter) {
-  Parameter.language_type = store.getters.language_type;
-  let MethodName = 'language_manager-GetWordPack';
-  getStaticContent(MethodName, Parameter).then(data => {
-    let localWord = i18n.messages[data.language_type];
-    if (localWord === undefined) {
-      localWord = {};
-    }
-    let wordPack = Object.assign(localWord, data.word_pack);
+  return new Promise((resolve, reject) => {
+    Parameter.language_type = store.getters.language_type;
+    let MethodName = 'language_manager-GetWordPack';
+    getStaticContent(MethodName, Parameter).then(data => {
+      let localWord = i18n.messages[data.language_type];
+      if (localWord === undefined) {
+        localWord = {};
+      }
+      let wordPack = Object.assign(localWord, data.word_pack);
+
+      i18n.setLocaleMessage(data.language_type, wordPack);
+      resolve()
+      // localStorage.setItem('i18n-message', JSON.stringify(i18n.messages));
+    }).catch(err => {
+      reject(err)
+    });
+  })
 
-    i18n.setLocaleMessage(data.language_type, wordPack);
-    // localStorage.setItem('i18n-message', JSON.stringify(i18n.messages));
-  });
 }
 
 export default i18n;

src/views/TextbookDetail.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 教材详情 -->
-  <div class="TextbookDetail" v-if="TextbookData">
+  <div class="TextbookDetail" v-if="TextbookData && isData">
     <div class="nav">
       <!-- 登录导航 -->
       <Header />
@@ -29,7 +29,8 @@
               ></span>
             </span>
             <button @click="getPurchase" class="get">
-              {{ bookIsBuy == "true" ? "去学习" : "购买" }}
+              <!-- Key390-去学习 Key72-购买 -->
+              {{ bookIsBuy == "true" ? this.$t("Key390") : this.$t("Key72") }}
             </button>
             <!-- <button   class="acquired">
               ACQUIRED
@@ -128,13 +129,13 @@
             @click="SelectShowEvent('1')"
             :class="SelectShow == '1' ? 'select' : ''"
           >
-            目录
+            <!-- 目录 -->{{ $t("Key612") }}
           </div>
           <div
             @click="SelectShowEvent('2')"
             :class="SelectShow == '1' ? '' : 'select'"
           >
-            资源
+            <!-- 资源 -->{{ $t("Key613") }}
           </div>
         </div>
       </div>
@@ -153,9 +154,10 @@
         </div>
       </div>
     </div>
+    <!-- 商品详情 -->
     <el-dialog
       class="buyWindow"
-      title="商品详情"
+      :title="$t('Key52')"
       :visible.sync="NopymentShow"
       width="720px"
       :before-close="closeNoPyment"
@@ -167,8 +169,9 @@
         ref="Confirmorder"
       />
     </el-dialog>
+    <!-- 订单号 -->
     <el-dialog
-      :title="'订单号：' + orderNumber"
+      :title="$t('Key472') + '：' + orderNumber"
       :visible.sync="PymentShow"
       width="720px"
       :before-close="closePyment"
@@ -191,6 +194,7 @@ import { TextbookAPI, LearnWebSI } from "@/api/ajax";
 import Confirmorder from "@/components/pyment/Confirmorder";
 import Payment from "@/components/pyment/Payment";
 import BookView from "@/views/bookView"; // 教材预览
+import { updateWordPack } from "@/utils/i18n";
 export default {
   //import引入的组件需要注入到对象中才能使用
   components: {
@@ -216,6 +220,7 @@ export default {
       IsDownload: false, //是否可以下载
       detailSHow: true, // 除教材预览外其他内容是否显示
       bookIsBuy: "false", // 教材是否已购买
+      isData: false,
     };
   },
   //计算属性 类似于data概念
@@ -282,7 +287,7 @@ export default {
         };
         LearnWebSI(Mname, data).then((res) => {
           this.enshrine = "true";
-          this.$message.success("收藏成功");
+          this.$message.success(this.$t("Key575")); //"收藏成功"
         });
       } else {
         let Mname = "order-collection_manager-CancelMyGoodsCollection";
@@ -292,7 +297,7 @@ export default {
         };
         LearnWebSI(Mname, data).then((res) => {
           this.enshrine = "false";
-          this.$message.success("取消收藏成功");
+          this.$message.success(this.$t("Key396")); //"取消收藏成功"
         });
       }
     },
@@ -349,7 +354,30 @@ export default {
     },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
-  created() {
+  async created() {
+    await updateWordPack({
+      word_key_list: [
+        "Key52",
+        "Key53",
+        "Key54",
+        "Key55",
+        "Key72",
+        "Key94",
+        "Key108",
+        "Key109",
+        "Key116",
+        "Key390",
+        "Key396",
+        "Key472",
+        "Key473",
+        "Key474",
+        "Key475",
+        "Key575",
+        "Key612",
+        "Key613",
+      ],
+    });
+    this.isData = true;
     this.getdetail();
   },
   //生命周期 - 挂载完成（可以访问DOM元素）