修改bug-爱的告白

view/molistar/activity/act-nameplate/css/index.css

@@ -12,7 +12,7 @@
 
 .max {
   width: 10rem;
-  height: 30.84rem;
+  height: 34.02667rem;
   background: url("../images/max.png?v=1.0") no-repeat;
   background-size: 100% 100%;
   font-family: 'pingfang-bold';
@@ -21,10 +21,10 @@
 .max .record {
   position: absolute;
   position: absolute;
-  top: 5.9rem;
+  top: 6.61333rem;
   right: 0;
-  width: 1.5rem;
-  height: 1.4rem;
+  width: 1.64rem;
+  height: 0.57333rem;
 }
 
 .max .record img {
@@ -34,23 +34,23 @@
 
 .max .btn {
   position: absolute;
-  top: 15.8rem;
-  left: 1.68rem;
-  width: 2.53333rem;
-  height: 1.01333rem;
+  top: 16.1rem;
+  left: 1.61rem;
+  width: 2.94667rem;
+  height: 1.46667rem;
 }
 
 .max .btn.basics-receive {
-  left: 5.6rem;
+  left: 5rem;
 }
 
 .max .btn.advance-send {
-  top: 22.34667rem;
+  top: 23.34667rem;
 }
 
 .max .btn.advance-receive {
-  top: 22.34667rem;
-  left: 5.6rem;
+  top: 23.34667rem;
+  left: 5rem;
 }
 
 .max .btn img {
@@ -257,8 +257,8 @@
 .max .shade-mask-new .shade-content .apply-btn,
 .max .shade-mask-new .shade-content-delay .apply-btn,
 .max .shade-mask-new .shade-content-new .apply-btn {
-  width: 4.90667rem;
-  height: 1.2rem;
+  width: 6.37333rem;
+  height: 0.82667rem;
   background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
   margin: 0.64rem auto 0;
 }
@@ -367,9 +367,9 @@
 }
 
 .max .shade-mask-delay .shade-content-delay .apply-btn {
-  width: 4.90667rem;
-  height: 1.2rem;
-  background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
+  width: 6.37333rem;
+  height: 0.82667rem;
+  background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
   margin: 0.85333rem auto 0;
 }
 
@@ -484,9 +484,9 @@
 }
 
 .max .shade-mask-new .shade-content-new .apply-btn {
-  width: 4.90667rem;
-  height: 1.2rem;
-  background: url("../images/confirm.png") no-repeat 0 0/100% 100%;
+  width: 6.37333rem;
+  height: 0.82667rem;
+  background: url("../images/apply-new.png") no-repeat 0 0/100% 100%;
   margin: 0.61333rem auto 0;
 }
 
@@ -510,3 +510,7 @@
 ::-webkit-scrollbar {
   display: none;
 }
+
+.english .max {
+  height: 35.76rem;
+}

view/molistar/activity/act-nameplate/css/index.scss

@@ -21,7 +21,7 @@
 // @import '../../../common/css/flex.scss';
 .max {
   width: px2rem(750);
-  height: px2rem(2313);
+  height: px2rem(2552);
   background: url('../images/max.png?v=1.0') no-repeat;
   background-size: 100% 100%;
   font-family: 'pingfang-bold';
@@ -29,10 +29,10 @@
   .record {
     position: absolute;
     position: absolute;
-    top: 5.9rem;
+    top: px2rem(496);
     right: 0;
-    width: 1.5rem;
-    height: 1.4rem;
+    width: px2rem(123);
+    height: px2rem(43);
 
     img {
       width: 100%;
@@ -42,22 +42,22 @@
 
   .btn {
     position: absolute;
-    top: 15.8rem;
-    left: px2rem(126);
-    width: px2rem(190);
-    height: px2rem(76);
+    top: 16.1rem;
+    left: 1.61rem;
+    width: px2rem(221);
+    height: px2rem(110);
 
     &.basics-receive {
-      left: 5.6rem;
+      left: 5rem;
     }
 
     &.advance-send {
-      top: 22.34667rem;
+      top: 23.34667rem;
     }
 
     &.advance-receive {
-      top: 22.34667rem;
-      left: 5.6rem;
+      top: 23.34667rem;
+      left: 5rem;
     }
 
     img {
@@ -181,8 +181,8 @@
       }
 
       .apply-btn {
-        width: px2rem(368);
-        height: px2rem(90);
+        width: px2rem(478);
+        height: px2rem(62);
         background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
         margin: px2rem(48) auto 0;
       }
@@ -277,9 +277,9 @@
       }
 
       .apply-btn {
-        width: px2rem(368);
-        height: px2rem(90);
-        background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
+        width: px2rem(478);
+        height: px2rem(62);
+        background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
         margin: px2rem(64) auto 0;
       }
     }
@@ -397,9 +397,9 @@
       }
 
       .apply-btn {
-        width: px2rem(368);
-        height: px2rem(90);
-        background: url('../images/confirm.png') no-repeat 0 0/100% 100%;
+        width: px2rem(478);
+        height: px2rem(62);
+        background: url('../images/apply-new.png') no-repeat 0 0/100% 100%;
         margin: px2rem(46) auto 0;
       }
     }
@@ -426,3 +426,9 @@
 ::-webkit-scrollbar {
   display: none;
 }
+
+.english{
+  .max{
+    height: px2rem(2682);
+  }
+}

view/molistar/activity/act-nameplate/index.html

@@ -17,7 +17,8 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="viewport"
     content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
-  <title>精美铭牌送不停</title>
+  <title class="title_t"></title>
+  <!-- 私人訂製 -->
 
   <link rel="stylesheet" href="../../common/css/reset.css">
   <link rel="stylesheet" href="./css/index.css?v=11">
@@ -28,7 +29,7 @@
 <body>
   <div class="max">
     <div class="record">
-      <!-- <img src="./images/record.png" alt=""> -->
+      <img src="./images/record.png" alt="">
     </div>
     
     <div class="btn basics-send"><img src="./images/disabled-btn.png" alt=""></div>
@@ -62,7 +63,7 @@
       <div class="shade-content-delay">
         <!-- <div class="top">延期期限</div> -->
         <div class="nameplate-style">
-          <span>铭牌样式：</span>
+          <span class="text1">铭牌样式：</span>
           <div>
             <p>
               <img alt="">
@@ -71,10 +72,10 @@
           </div>
         </div>
         <div class="delay-time">
-            <span>申请时长：</span>
+            <span class="text2">申请时长：</span>
             <div>
               <img src="./images/decrease.png" alt="" class="decrease">
-              <p><span></span>天</p>
+              <p><span></span><b class="text3">天</b></p>
               <img src="./images/increase.png" alt="" class="increase">
             </div>
         </div>
@@ -88,20 +89,20 @@
       <div class="shade-content-new">
         <!-- <div class="top">申请新铭牌</div> -->
         <div class="nameplate-style">
-          <span>铭牌样式：</span>
+          <span class="text1"></span>
           <ul class="apply-new-ul">
             
           </ul>
         </div>
         <div class="new-nameplate-desc-wrap">
-          <span>铭牌文字：</span>
-          <input type="text" class="new-nameplate-desc" placeholder="请输入4个字" maxlength="4">
+          <span class="text4"></span>
+          <input class="text5" type="text" class="new-nameplate-desc" placeholder="" maxlength="">
         </div>
         <div class="delay-time">
-            <span>申请时长：</span>
+            <span class="text2"></span>
             <div>
               <img src="./images/decrease.png" alt="" class="decrease">
-              <p><span></span>天</p>
+              <p><span></span><b class="text3"></b></p>
               <img src="./images/increase.png" alt="" class="increase">
             </div>
         </div>
@@ -114,7 +115,11 @@
   <script src="../../common/js/common2.js"></script>
   <script src="../../common/js/layer.js"></script>
   <script src="../../common/js/vconsole.min.js"></script>
+  <script src="./local/en.js"></script>
+  <script src="./local/zh.js"></script>
+  <script src="./local/ar.js"></script>
   <script src="./js/public.js?v=10"></script>
+  <script src="../../common/local/langHandler.js"></script>
 </body>
 
 </html>

view/molistar/activity/act-nameplate/js/public.js

@@ -4,8 +4,10 @@ var browser = checkVersion();
 var info = {};
 if (EnvCheck() === 'test') new VConsole
 // 封裝layer消息提醒框
-let layerIndex
-const showLoading = (content = '加載中...') => {
+let layerIndex;
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
   layer.open({
     type: 2,
     shadeClose: false,
@@ -18,7 +20,7 @@ const showLoading = (content = '加載中...') => {
 const hideLoading = (index) => {
   layer.close(index)
 }
-const toastMsg = (content = '操作完成', time = 2) => {
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
   layer.open({
     content,
     time,
@@ -27,243 +29,35 @@ const toastMsg = (content = '操作完成', time = 2) => {
 }
 
 let delayLock = false, newApplyLock = false
-
 let btnStatus = []
-// 獲取用戶銘牌狀態
-const getUserNameplateInfo = () => {
-  showLoading()
-  networkRequest({
-    type: 'GET',
-    url: urlPrefix + '/nameplate/userNameplateInfo',
-    data: {
-      uid: pubInfo.uid
-    },
-    success(res){
-      hideLoading(layerIndex);
-      if(res.code === 200){
-        btnStatus = res.data
-        renderBtnStatus()
-      }else{
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
-    }
-  })
-}
-
-// 渲染首頁按鈕狀態
-const renderBtnStatus = () => {
-  btnStatus.map( (item,index) => {
-      if(index > 1){
-        // 進階款式
-        $('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
-        if(item > 0){
-          $('.btn').eq(index).on('click', () => {
-            getUserNameplateList(index+1)
-          })
-        }
-      }else{
-        // 基礎款式
-        $('.btn').eq(index).find('img').attr('src', `${item > 0 ? './images/apply-btn-basics.png' : './images/disabled-btn.png'}`)
-        if(item > 0){
-          $('.btn').eq(index).on('click', () => {
-            getUserNameplateList(index+1)
-          })
-        }
-      }
-  })
-}
-
-let userNameplateList = []
-// 獲取用戶已有銘牌列錶
-const getUserNameplateList = (type) => {
-  showLoading()
-  networkRequest({
-    type: 'GET',
-    url: urlPrefix + '/nameplate/pickUserNameplate',
-    data: {
-      uid: pubInfo.uid,
-      type
-    },
-    success(res){
-      hideLoading(layerIndex)
-      if(res.code === 200){
-        if(!res.data.length){
-          getNewNameplateList(type)
-        }else{
-          userNameplateList = res.data
-          renderNameplateList()
-        }
-      }else{
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
-    }
-  })
-}
-
-// 渲染銘牌列錶(選擇彈窗)
-const renderNameplateList = () => {
-  let str = ''
-  userNameplateList.map( item => {
-    str += `
-      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.nameplateId} data-type=${item.type} data-text=${item.fixedWord}>
-        <p>剩余${item.expireDays}天</p>
-        <div class="nameplate">
-          <img src="${item.nameplateImage}" alt="">
-          <span>${item.word}</span>
-        </div>
-        <div class="delay-btn">
-          <img src="./images/delay-btn.png" alt="">
-        </div>
-      </li>
-    `
-  })
-  $('.select-ul').html(str)
-
-  $('.shade-mask').show().siblings('.shade-mask-delay, .shade-mask-new').hide()
-  $('body').css('overflow', 'hidden')
-}
-
-
-let newNameplateList = []
-// 獲取新銘牌列錶
-const getNewNameplateList = (type) => {
-  showLoading()
-  networkRequest({
-    type: 'GET',
-    url: urlPrefix + '/nameplate/getNameplateList',
-    data: {
-      uid: pubInfo.uid,
-      type
-    },
-    success(res){
-      hideLoading(layerIndex)
-      if(res.code === 200){
-        if(!res.data.length){
-          toastMsg('暫時沒有銘牌可申請')
-          return
-        }
-        newNameplateList = res.data
-        renderNewNameplateList()
-      }else{
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
-    }
-  })
-}
-
-let newNameplateId  //只有一個可選時，默認選中
-// 渲染申請新銘牌彈窗
-const renderNewNameplateList = () => {
-  let str = '';
-  newNameplateList.map( item => {
-    str += `
-      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.id} data-type=${item.type}>
-        <div>
-          <img src="${item.iconPic}" alt="">
-        </div>
-      </li>
-    `
-  })
-  $('.apply-new-ul').html(str)
-  if(newNameplateList.length === 1){
-    let onlyLi = $('.apply-new-ul').find('li').eq(0);
-    newNameplateId = onlyLi.data('nameplateId');
-    onlyLi.addClass('active')
-  }
-  $('.shade-mask-new .delay-time div p span').html(newNameplateList[0].applyDay)
-  $('.shade-mask-new').show().siblings('.shade-mask, .shade-mask-delay').hide()
-  $('body').css('overflow', 'hidden')
-}
-
-// 確認延長期限
-const delayNamaplateConfirm = (params) => {
-  showLoading()
-  networkRequest({
-    type: 'POST',
-    url: urlPrefix + '/nameplate/applyUserNameplate',
-    data: {
-      uid: pubInfo.uid,
-      type: params.type,
-      nameplateId: params.nameplateId,
-      applyDay: params.applyDay,
-      applyType: params.applyType,
-      text: params.text
-    },
-    success(res){
-      hideLoading(layerIndex)
-      if(res.code === 200){
-        toastMsg('申請成功')
-        $('.shade-mask-delay').hide()
-        $('body').css('overflow', 'auto')
-        delayLock = false
-        setTimeout(()=>{
-          location.reload()
-        }, 500)
-      }else{
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤')
-    }
-  })
-}
-
-// 確認申請新銘牌
-const applyNewNamaplateConfirm = (params) => {
-  showLoading()
-  networkRequest({
-    type: 'POST',
-    url: urlPrefix + '/nameplate/applyUserNameplate',
-    data: {
-      uid: pubInfo.uid,
-      type: params.type,
-      nameplateId: params.nameplateId,
-      applyDay: params.applyDay,
-      applyType: params.applyType,
-      text: params.text
-    },
-    success(res){
-      hideLoading(layerIndex)
-      if(res.code === 200){
-        toastMsg('申請成功')
-        $('.shade-mask-new').hide()
-        $('body').css('overflow', 'auto')
-        newApplyLock  = false
-        setTimeout(()=>{
-          location.reload()
-        }, 500)
-      }else{
-        newApplyLock  = false
-        toastMsg(res.message)
-      }
-    },
-    error(){
-      hideLoading(layerIndex);
-      toastMsg('網絡錯誤,請退出重進')
-    }
-  })
-}
-
+var partitionId = null;
 $(function () {
   getInfoFromClient()
+  fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
   setTimeout(() => {
+    langReplace = window.lang.replace;
+    localLang = window.lang;
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+    translateFun();
     getUserNameplateInfo()
+    userGet()
   }, 50)
-
+  function translateFun() {
+    var langReplace = window.lang.replace;
+    var localLang = window.lang;
+    $('.max').attr('style', langReplace(localLang.demoModule.max))
+    $('.max .shade-mask-new .shade-content-new').attr('style', langReplace(localLang.demoModule.img4))
+    $('.max .shade-mask .shade-content, .max .shade-mask-delay .shade-content-delay').attr('style', langReplace(localLang.demoModule.img44))
+    $('.apply-btn').attr('style', langReplace(localLang.demoModule.img5))
+    $('.max .btn img').attr('src', langReplace(localLang.demoModule.img2))
+    $('.max .record img').attr('src', langReplace(localLang.demoModule.img6))
+    $('.title_t').html(langReplace(localLang.demoModule.title_t));
+    $('.text1').html(langReplace(localLang.demoModule.text1));
+    $('.text2').html(langReplace(localLang.demoModule.text2));
+    $('.text3').html(langReplace(localLang.demoModule.text3));
+    $('.text4').html(langReplace(localLang.demoModule.text4));
+    $('.text5').attr('placeholder', langReplace(localLang.demoModule.text5));
+  }
   if (browser.app) {
     _hmt.push(['_trackEvent', 'client', 'click', "act_nameplate"]);
   }
@@ -313,7 +107,7 @@ $(function () {
     if (applyDay > 7) {
       applyDay -= 7;
     } else {
-      toastMsg('銘牌至少申請7天')
+      toastMsg(langReplace(localLang.demoModule.text6))
     }
     $('.shade-mask-delay .delay-time p span').html(applyDay);
   })
@@ -321,7 +115,7 @@ $(function () {
   $('.shade-mask-delay').on('click', '.increase', function () {
     let applyDay = parseInt($(this).parent().find('span').html());
     if (applyDay >= maxApplyDay) {
-      toastMsg('已達最大申請時長')
+      toastMsg(langReplace(localLang.demoModule.text7))
     } else {
       applyDay += 7;
     }
@@ -357,7 +151,7 @@ $(function () {
     if (applyDay > 7) {
       applyDay -= 7;
     } else {
-      toastMsg('銘牌至少申請7天')
+      toastMsg(langReplace(localLang.demoModule.text6))
     }
     $('.shade-mask-new .delay-time p span').html(applyDay);
   })
@@ -366,7 +160,7 @@ $(function () {
     let applyDay = parseInt($(this).parent().find('span').html());
     let maxApplyDay = parseInt($(this).parent().parent().parent().find('.apply-new-ul li').eq(0).data('applyDay'));
     if (applyDay >= maxApplyDay) {
-      toastMsg('已達最大申請時長')
+      toastMsg(langReplace(localLang.demoModule.text7))
     } else {
       applyDay += 7;
     }
@@ -382,20 +176,22 @@ $(function () {
   // 申請新銘牌彈窗 確定申請 按鈕點擊事件
   $('.shade-mask-new').on('click', '.apply-btn', function () {
     let content = $(this).parent();
-    let ipt = content.find('input.new-nameplate-desc').val()
+    // let ipt = content.find('input.new-nameplate-desc').val()
+    let ipt = $('.text5').val();
     if (!newNameplateId) {
-      toastMsg('請選擇樣式');
+      toastMsg(langReplace(localLang.demoModule.text8));
       return
     }
     if (!ipt) {
-      toastMsg('請添加銘牌文字');
-      return
-    }else{
-      if(ipt.length !== 4){
-        toastMsg('請添加4個字的銘牌文字');
+      toastMsg(langReplace(localLang.demoModule.text9));
       return
     }
-    }
+    // else {
+    // if (ipt.length !== 4) {
+    //   toastMsg(langReplace(localLang.demoModule.text10));
+    //   return
+    // }
+    // }
 
     // applyType 1申請新銘牌，2延長
     if (!newApplyLock) {
@@ -412,4 +208,261 @@ $(function () {
   })
 
 });
+// 獲取用戶銘牌狀態
+const getUserNameplateInfo = () => {
+  showLoading()
+  networkRequest({
+    type: 'GET',
+    url: urlPrefix + '/nameplate/userNameplateInfo',
+    data: {
+      uid: pubInfo.uid
+    },
+    success(res) {
+      hideLoading(layerIndex);
+      if (res.code === 200) {
+        btnStatus = res.data
+        renderBtnStatus()
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+const userGet = () => {
+  showLoading()
+  networkRequest({
+    type: 'GET',
+    url: urlPrefix + '/user/get',
+    data: {
+      uid: pubInfo.uid
+    },
+    success(res) {
+      hideLoading(layerIndex);
+      if (res.code === 200) {
+        partitionId = res.data.partitionId
+        if (partitionId == 1 || partitionId == 2) {
+          $('.text5').attr('maxlength', 13);
+        } else {
+          $('.text5').attr('maxlength', 4);
+        }
+        renderBtnStatus()
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+
+// 渲染首頁按鈕狀態
+const renderBtnStatus = () => {
+  btnStatus.map((item, index) => {
+    if (index > 1) {
+      // 進階款式
+      $('.btn').eq(index).find('img').attr('src', `${item > 0 ? langReplace(localLang.demoModule.img3) : langReplace(localLang.demoModule.img2)}`)
+      if (item > 0) {
+        $('.btn').eq(index).on('click', () => {
+          getUserNameplateList(index + 1)
+        })
+      }
+    } else {
+      // 基礎款式
+      $('.btn').eq(index).find('img').attr('src', `${item > 0 ? langReplace(localLang.demoModule.img3) : langReplace(localLang.demoModule.img2)}`)
+      if (item > 0) {
+        $('.btn').eq(index).on('click', () => {
+          getUserNameplateList(index + 1)
+        })
+      }
+    }
+  })
+}
+
+let userNameplateList = []
+// 獲取用戶已有銘牌列錶
+const getUserNameplateList = (type) => {
+  showLoading()
+  networkRequest({
+    type: 'GET',
+    url: urlPrefix + '/nameplate/pickUserNameplate',
+    data: {
+      uid: pubInfo.uid,
+      type
+    },
+    success(res) {
+      hideLoading(layerIndex)
+      if (res.code === 200) {
+        if (!res.data.length) {
+          getNewNameplateList(type)
+        } else {
+          userNameplateList = res.data
+          renderNameplateList()
+        }
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+
+// 渲染銘牌列錶(選擇彈窗)
+const renderNameplateList = () => {
+  let str = ''
+  userNameplateList.map(item => {
+    str += `
+      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.nameplateId} data-type=${item.type} data-text=${item.fixedWord}>
+        <p>${langReplace(localLang.demoModule.text13)}${item.expireDays}${langReplace(localLang.demoModule.text3)}</p>
+        <div class="nameplate">
+          <img src="${item.nameplateImage}" alt="">
+          <span>${item.word}</span>
+        </div>
+        <div class="delay-btn">
+          <img src="${langReplace(localLang.demoModule.img7)}" alt="">
+        </div>
+      </li>
+    `
+  })
+  $('.select-ul').html(str)
+
+  $('.shade-mask').show().siblings('.shade-mask-delay, .shade-mask-new').hide()
+  $('body').css('overflow', 'hidden')
+}
+
+
+let newNameplateList = []
+// 獲取新銘牌列錶
+const getNewNameplateList = (type) => {
+  showLoading()
+  networkRequest({
+    type: 'GET',
+    url: urlPrefix + '/nameplate/getNameplateList',
+    data: {
+      uid: pubInfo.uid,
+      type
+    },
+    success(res) {
+      hideLoading(layerIndex)
+      if (res.code === 200) {
+        if (!res.data.length) {
+          toastMsg(langReplace(localLang.demoModule.text11))
+          return
+        }
+        newNameplateList = res.data
+        renderNewNameplateList()
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+
+let newNameplateId  //只有一個可選時，默認選中
+// 渲染申請新銘牌彈窗
+const renderNewNameplateList = () => {
+  let str = '';
+  newNameplateList.map(item => {
+    str += `
+      <li data-apply-day=${item.applyDay} data-nameplate-id=${item.id} data-type=${item.type}>
+        <div>
+          <img src="${item.iconPic}" alt="">
+        </div>
+      </li>
+    `
+  })
+  $('.apply-new-ul').html(str)
+  if (newNameplateList.length === 1) {
+    let onlyLi = $('.apply-new-ul').find('li').eq(0);
+    newNameplateId = onlyLi.data('nameplateId');
+    onlyLi.addClass('active')
+  }
+  $('.shade-mask-new .delay-time div p span').html(newNameplateList[0].applyDay)
+  $('.shade-mask-new').show().siblings('.shade-mask, .shade-mask-delay').hide()
+  $('body').css('overflow', 'hidden')
+}
+
+// 確認延長期限
+const delayNamaplateConfirm = (params) => {
+  showLoading()
+  networkRequest({
+    type: 'POST',
+    url: urlPrefix + '/nameplate/applyUserNameplate',
+    data: {
+      uid: pubInfo.uid,
+      type: params.type,
+      nameplateId: params.nameplateId,
+      applyDay: params.applyDay,
+      applyType: params.applyType,
+      text: params.text
+    },
+    success(res) {
+      hideLoading(layerIndex)
+      if (res.code === 200) {
+        toastMsg(langReplace(localLang.demoModule.text12))
+        $('.shade-mask-delay').hide()
+        $('body').css('overflow', 'auto')
+        delayLock = false
+        setTimeout(() => {
+          location.reload()
+        }, 500)
+      } else {
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+
+// 確認申請新銘牌
+const applyNewNamaplateConfirm = (params) => {
+  showLoading()
+  networkRequest({
+    type: 'POST',
+    url: urlPrefix + '/nameplate/applyUserNameplate',
+    data: {
+      uid: pubInfo.uid,
+      type: params.type,
+      nameplateId: params.nameplateId,
+      applyDay: params.applyDay,
+      applyType: params.applyType,
+      text: params.text
+    },
+    success(res) {
+      hideLoading(layerIndex)
+      if (res.code === 200) {
+        toastMsg(langReplace(localLang.demoModule.text12))
+        $('.shade-mask-new').hide()
+        $('body').css('overflow', 'auto')
+        newApplyLock = false
+        setTimeout(() => {
+          location.reload()
+        }, 500)
+      } else {
+        newApplyLock = false
+        toastMsg(res.message)
+      }
+    },
+    error() {
+      hideLoading(layerIndex);
+      toastMsg(langReplace(localLang.demoModule.layerIndex3))
+    }
+  })
+}
+
 

view/molistar/activity/act-nameplate/js/record.js

@@ -1,9 +1,11 @@
 let urlPrefix = getUrlPrefix();
 if (EnvCheck() === 'test') new VConsole
 
-// 封装layer消息提醒框
-let layerIndex
-const showLoading = (content = '加載中...') => {
+// 封裝layer消息提醒框
+let layerIndex;
+var langReplace;
+var localLang;
+const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
     layer.open({
         type: 2,
         shadeClose: false,
@@ -16,7 +18,7 @@ const showLoading = (content = '加載中...') => {
 const hideLoading = (index) => {
     layer.close(index)
 }
-const toastMsg = (content = '操作完成', time = 2) => {
+const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
     layer.open({
         content,
         time,
@@ -64,7 +66,7 @@ const getUserApplyRecord = () => {
         },
         error() {
             hideLoading(layerIndex);
-            toastMsg('網絡錯誤')
+            toastMsg(langReplace(localLang.demoModule.layerIndex3))
         }
     })
 }
@@ -78,14 +80,13 @@ const renderRecord = () => {
                 <div class="nameplate-desc-wrap">
                     <span class="nameplate-desc">${item.text}</span>
                     <p>
-                        <span>${item.applyType === 1 ? '申请' : '延长'}${item.applyDay}天</span>
+                        <span>${item.applyType === 1 ? langReplace(localLang.demoModule.text16) : langReplace(localLang.demoModule.text17)}${item.applyDay}${langReplace(localLang.demoModule.text3)}</span>
                         <span>${dateFormat(item.createTime, "yyyy-MM-dd")}</span>
                     </p>
                 </div>
                 <div class="isPass">
-                    <p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? '申请中' : (item.auditType === 1 ? '不通过' : '已通过')}</p>
-                    ${
-                        item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
+                    <p class='${item.auditType === 1 ? 'not-pass' : ''}'>${item.auditType === 0 ? langReplace(localLang.demoModule.text18) : (item.auditType === 1 ? langReplace(localLang.demoModule.text19) : langReplace(localLang.demoModule.text20))}</p>
+                    ${item.remark ? (item.remark.length > 8 ? `<p class="result">${item.remark.slice(0, 8) + '...'}</p>` : `<p class="result">${item.remark}</p>`) : ''
             }
                     
                 </div>
@@ -97,9 +98,20 @@ const renderRecord = () => {
 
 $(function () {
     getInfoFromClient()
+    fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
     setTimeout(() => {
+        langReplace = window.lang.replace;
+        localLang = window.lang;
+        fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
+        translateFun();
         getUserApplyRecord()
     }, 50)
+    function translateFun() {
+        var langReplace = window.lang.replace;
+        var localLang = window.lang;
+        $('.text14').text(langReplace(localLang.demoModule.text14));
+        $('.text15').text(langReplace(localLang.demoModule.text15));
+    }
 
     // 监听滚动
     $('ul').scroll(function () {

view/molistar/activity/act-nameplate/local/ar.js

@@ -0,0 +1,40 @@
+// 阿拉伯
+langAr = {
+    // 模块
+    demoModule: {
+        layerIndex1: `التحميل...`,
+        layerIndex2: `اكتمال العملية`,
+        layerIndex3: `خطأ في الشبكة`,
+        max: `background:url("./images/max-ar.png") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-ar.png);`,
+        img44: `background-image: url(./images/select-bg-ar.png);`,
+        img5: `background: url('./images/apply-new-ar.png') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-ar.png`,
+        img3: `./images/apply-btn-basics-ar.png`,
+        img6: `./images/record-ar.png`,
+        img7: `./images/delay-btn-ar.png`,
+        title_t: `مخصص`,
+        text1: `نمط اللوحة:`,
+        text2: `مدة التطبيق:`,
+        text3: `أيام`,
+        text4: `نص اللوحة:`,
+        text5: `الرجاء إدخال...`,
+        text55: `13`,
+        text6: `يجب تطبيق اللوحة لمدة 7 أيام على الأقل`,
+        text7: `تم بلوغ أقصى مدة للتطبيق`,
+        text8: `يرجى اختيار نمط`,
+        text9: `يرجى إضافة نص اللوحة`,
+        text10: `يرجى إضافة نص اللوحة من 4 أحرف`,
+        text11: `لا توجد لوحات متاحة حالياً`,
+        text12: `تم التطبيق بنجاح`,
+        text13: 'متبقٍ',
+        text14: 'سجل الطلبات',
+        text15: 'لا توجد سجلات للطلبات',
+        text16: 'تقديم الطلب',
+        text17: 'تمديد',
+        text18: 'قيد الطلب',
+        text19: 'لم يتم القبول',
+        text20: 'تم القبول'
+    }
+
+}

view/molistar/activity/act-nameplate/local/en.js

@@ -0,0 +1,40 @@
+// 英文
+langEn = {
+    // 模块
+    demoModule: {
+        layerIndex1: `Loading...`,
+        layerIndex2: `Operation completed`,
+        layerIndex3: `Network error`,
+        max: `background:url("./images/max-en.png") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg-en.png);`,
+        img44: `background-image: url(./images/select-bg-en.png);`,
+        img5: `background: url('./images/apply-new-en.png') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn-en.png`,
+        img3: `./images/apply-btn-basics-en.png`,
+        img6: `./images/record-en.png`,
+        img7: `./images/delay-btn-en.png`,
+        title_t: `Customized`,
+        text1: `Style: `,
+        text2: `Duration: `,
+        text3: `days`,
+        text4: `Text: `,
+        text5: `please enter...`,
+        text55: `13`,
+        text6: `Minimum 7 days required`,
+        text7: `Maximum duration reached`,
+        text8: `Select a style`,
+        text9: `Add text`,
+        text10: `Add 4 characters of text`,
+        text11: `No nameplates available`,
+        text12: `Successful`,
+        text13: 'Remaining',
+        text14: 'Application Records',
+        text15: 'No Application Records',
+        text16: 'Apply',
+        text17: 'Extend',
+        text18: 'In Progress',
+        text19: 'Rejected',
+        text20: 'Approved',
+    }
+
+}

view/molistar/activity/act-nameplate/local/zh.js

@@ -0,0 +1,39 @@
+// 中文
+langZh = {
+    // 模塊
+    demoModule: {
+        layerIndex1: `加載中...`,
+        layerIndex2: `操作完成`,
+        layerIndex3: `網路錯誤`,
+        max: `background:url("./images/max.png") no-repeat;background-size:100% 100%;`,
+        img4: `background-image: url(./images/new-bg.png);`,
+        img44: `background-image: url(./images/select-bg.png);`,
+        img5: `background: url('./images/apply-new.png') no-repeat 0 0/100% 100%;`,
+        img2: `./images/disabled-btn.png`,
+        img3: `./images/apply-btn-basics.png`,
+        img6: `./images/record.png`,
+        img7: `./images/delay-btn.png`,
+        title_t: `私人訂製`,
+        text1: `銘牌樣式：`,
+        text2: `申請時長：`,
+        text3: `天`,
+        text4: `銘牌文字：`,
+        text5: `請輸入4個字`,
+        text55: `4`,
+        text6: `銘牌至少申請7天`,
+        text7: `已達最大申請時長`,
+        text8: `請選擇樣式`,
+        text9: `請添加銘牌文字`,
+        text10: `請添加4個字的銘牌文字`,
+        text11: `暫時沒有銘牌可申請`,
+        text12: `申請成功`,
+        text13: `剩余`,
+        text14: `申请记录`,
+        text15: `暂无申请记录`,
+        text16: `申请`,
+        text17: `延长`,
+        text18: `申请中`,
+        text19: `不通过`,
+        text20: `已通过`,
+    }
+}

view/molistar/activity/act-nameplate/record.html

@@ -9,7 +9,8 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="viewport"
     content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no, viewport-fit=cover" />
-  <title>申请记录</title>
+  <title class="text14"></title>
+  <!-- 申请记录  -->
 
   <link rel="stylesheet" href="../../common/css/reset.css">
   <link rel="stylesheet" href="./css/record.css">
@@ -23,13 +24,17 @@
   </ul>
   <div class="no-record-wrap">
     <img src="./images/default.png" alt="">
-    <span>暂无申请记录</span>
+    <span class="text15"></span>
   </div>
   <script src="../../common/js/jquery-3.2.1.min.js"></script>
   <script src="../../common/js/common2.js"></script>
   <script src="../../common/js/layer.js"></script>
   <script src="../../common/js/vconsole.min.js"></script>
+  <script src="./local/en.js"></script>
+  <script src="./local/zh.js"></script>
+  <script src="./local/ar.js"></script>
   <script src="./js/record.js"></script>
+  <script src="../../common/local/langHandler.js"></script>
 </body>
 
 </html>

view/molistar/common/js/common2.js

@@ -838,11 +838,13 @@ function langCodeFun(langCode) {
         document.documentElement.setAttribute("dir", "rtl");
         document.body.classList.add('arabic');
 
+    }else if(langCode == "en"){
+        document.body.classList.add('english');
+    }
     if (window.location.href.match(/guildAr/)) {
         document.documentElement.setAttribute("dir", "ltr");
     }
 }
-}
 // 获取整条url
 function updateQueryStringParameter(uri, key, value) {
     if (!value) {