1

api.html

@@ -11,7 +11,7 @@
     />
     <meta
       name="description"
-      content="翻译之家提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
+      content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
     />
     <meta name="baidu-site-verification" content="codeva-mXz3BqI9VN" />
     <link rel="stylesheet" href="static/css/public.css" />
@@ -23,7 +23,7 @@
     <script src="static/js/lodash.min.js"></script>
     <script src="static/js/layui.all.js"></script>
     <script src="static/js/common.js"></script>
-    <title>翻译之家</title>
+    <title>聚合翻译</title>
     <script>
       var _hmt = _hmt || [];
       (function () {
@@ -56,7 +56,7 @@
           </div>
         </div>
         <div v-if="userInfo!=undefined&&userInfo.userId>0" class="right">
-          <a href="userInfo.html" class="console">控制台</a>
+          <a href="userinfo.html" class="console">控制台</a>
           <div class="user-info">
             <div class="phone">{{userInfo.name}}</div>
             <i></i>
@@ -177,13 +177,13 @@
             </li>
           </ul>
         </div>
-        <!--<div class="p1 content">--><!--    <h3>翻译之家API</h3>--><!--    <p>翻译之家为你提供主流翻译引擎机器翻译技术</p>--><!--    <div class="line"></div>--><!--    <div class="w1">为什么选择翻译之家？</div>--><!--    <div class="w2">我们是主流翻译引擎综合代理服务商，汇集众多企业客户，从而可以享受较低的渠道价格。</div>--><!--</div>-->
+        <!--<div class="p1 content">--><!--    <h3>聚合翻译API</h3>--><!--    <p>聚合翻译为你提供主流翻译引擎机器翻译技术</p>--><!--    <div class="line"></div>--><!--    <div class="w1">为什么选择聚合翻译？</div>--><!--    <div class="w2">我们是主流翻译引擎综合代理服务商，汇集众多企业客户，从而可以享受较低的渠道价格。</div>--><!--</div>-->
         <div class="p2 content">
           <div class="w1">介绍</div>
-          <!--<h3 data="介绍">翻译之家API</h3>-->
-          <p>翻译之家为你提供主流翻译引擎机器翻译技术</p>
+          <!--<h3 data="介绍">聚合翻译API</h3>-->
+          <p>聚合翻译为你提供主流翻译引擎机器翻译技术</p>
           <div class="line"></div>
-          <div class="w1">为什么选择翻译之家？</div>
+          <div class="w1">为什么选择聚合翻译？</div>
           <div class="w2">
             我们是主流翻译引擎综合代理服务商，汇集众多企业客户，从而可以享受较低的渠道价格。
           </div>

commonProblems.html

@@ -11,7 +11,7 @@
     />
     <meta
       name="description"
-      content="翻译之家提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
+      content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
     />
     <meta name="baidu-site-verification" content="codeva-mXz3BqI9VN" />
     <link rel="stylesheet" href="static/css/public.css" />
@@ -23,7 +23,7 @@
     <script src="static/js/lodash.min.js"></script>
     <script src="static/js/layui.all.js"></script>
     <script src="static/js/common.js"></script>
-    <title>翻译之家</title>
+    <title>聚合翻译</title>
     <script>
       var _hmt = _hmt || [];
       (function () {
@@ -56,7 +56,7 @@
           </div>
         </div>
         <div v-if="userInfo!=undefined&&userInfo.userId>0" class="right">
-          <a href="userInfo.html" class="console">控制台</a>
+          <a href="userinfo.html" class="console">控制台</a>
           <div class="user-info">
             <div class="phone">{{userInfo.name}}</div>
             <i></i>
@@ -131,7 +131,7 @@
             <div class="title">服务</div>
             <ul>
               <li>
-                <div class="q">翻译之家是如何服务客户的？</div>
+                <div class="q">聚合翻译是如何服务客户的？</div>
                 <div class="a">
                   我们是一个聚合翻译服务商，聚合主流的翻译公司接口，提供更便宜、多样化的翻译服务。
                 </div>
@@ -200,17 +200,17 @@
             font-size: 12px;
           "
         >
-          <p style="color: #fff; font-size: 12px"><span>关于我们：</span></p>
-          <p style="color: #fff; font-size: 12px">
+          <p style="color: #fff; font-size: 12px"><span>官方频道：@apiapl_news</span></p>
+          <p style="color: #fff; font-size: 12px"><span>咨询客服：@apiapl</span></p>
             <span></span>
           </p>
         </div>
         <div class="right" style="white-space: nowrap">
           <p></p>
-          <p><span>联系我们：</span></p>
-          <p><span>地址：</span></p>
-          <p><span></span></p>
-          <p class=""><span>电话: </span></p>
+
+          <p><span>技术服务：@apiapl_sdk</span></p>
+          <p><span>联系邮箱：info@apiapl.com</span></p>
+          <p class=""><span>联系电话:+18435173355 </span></p>
         </div>
       </div>
       <div class="copyright">

index.html

@@ -11,7 +11,7 @@
     />
     <meta
       name="description"
-      content="翻译之家提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
+      content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
     />
     <meta name="baidu-site-verification" content="codeva-mXz3BqI9VN" />
     <link rel="stylesheet" href="static/css/public.css" />
@@ -23,7 +23,7 @@
     <script src="static/js/lodash.min.js"></script>
     <script src="static/js/layui.all.js"></script>
     <script src="static/js/common.js"></script>
-    <title>翻译之家</title>
+    <title>聚合翻译</title>
     <script>
       var _hmt = _hmt || [];
       (function () {
@@ -56,7 +56,7 @@
           </div>
         </div>
         <div v-if="userInfo!=undefined&&userInfo.userId>0" class="right">
-          <a href="userInfo.html" class="console">控制台</a>
+          <a href="userinfo.html" class="console">控制台</a>
           <div class="user-info">
             <div class="phone">{{userInfo.name}}</div>
             <i></i>
@@ -214,7 +214,7 @@
             <li class="row-info">
               <div class="item">谷歌翻译-V2/V3</div>
               <div class="item">按调用字符计费</div>
-              <div class="item">60（微信咨询，领取折扣）</div>
+              <div class="item">60（电报咨询，领取折扣）</div>
               <div class="item">5～1000（支持扩展）</div>
               <div class="item">
                 5.5折（20美元）<img src="static/picture/p7.png" alt="" />
@@ -223,7 +223,7 @@
             <li class="row-info">
               <div class="item">百度翻译-企业版本</div>
               <div class="item">按调用字符计费</div>
-              <div class="item">25（微信咨询，领取折扣）</div>
+              <div class="item">25（电报咨询，领取折扣）</div>
               <div class="item">5～1000（支持扩展）</div>
               <div class="item">
                 5折（50元）<img src="static/picture/p7.png" alt="" />
@@ -232,16 +232,16 @@
             <li class="row-info">
               <div class="item">有道翻译</div>
               <div class="item">按调用字符计费</div>
-              <div class="item">25（微信咨询，领取折扣）</div>
+              <div class="item">25（电报咨询，领取折扣）</div>
               <div class="item">5～1000（支持扩展）</div>
               <div class="item">
-                5折（50元）<img src="static/picture/p7.png" alt="" />
+                5折<img src="static/picture/p7.png" alt="" />
               </div>
             </li>
             <li class="row-info">
               <div class="item">微软翻译</div>
               <div class="item">按调用字符计费</div>
-              <div class="item">60（微信咨询，领取折扣）</div>
+              <div class="item">60（电报咨询，领取折扣）</div>
               <div class="item">5～1000（支持扩展）</div>
               <div class="item">
                 8.2折（10美元）<img src="static/picture/p7.png" alt="" />
@@ -250,16 +250,16 @@
             <li class="row-info">
               <div class="item">火山翻译</div>
               <div class="item">按调用字符计费</div>
-              <div class="item">25（微信咨询，领取折扣）</div>
+              <div class="item">25（电报咨询，领取折扣）</div>
               <div class="item">5～1000（支持扩展）</div>
               <div class="item">
-                5折（50元）<img src="static/picture/p7.png" alt="" />
+                5折<img src="static/picture/p7.png" alt="" />
               </div>
             </li>
             <li class="row-info">
               <div class="item">chatgpt翻译</div>
               <div class="item">按调用字符计费</div>
-              <div class="item">50（微信咨询，领取折扣）</div>
+              <div class="item">50（电报咨询，领取折扣）</div>
               <div class="item">5～1000（支持扩展）</div>
               <div class="item">
                 5折（100元）<img src="static/picture/p7.png" alt="" />
@@ -268,7 +268,7 @@
             <li class="row-info">
               <div class="item">yandex翻译</div>
               <div class="item">按调用字符计费</div>
-              <div class="item">25（微信咨询，领取折扣）</div>
+              <div class="item">25（电报咨询，领取折扣）</div>
               <div class="item">5～1000（支持扩展）</div>
               <div class="item">
                 8.3折（30元）<img src="static/picture/p7.png" alt="" />
@@ -481,11 +481,11 @@
         <div class="ctr">
           <div class="item">
             <img src="static/picture/p25.png" alt="" />
-            <div>微信咨询</div>
+            <div>电报咨询</div>
             <div class="detail wechat">
-              <h5>微信咨询</h5>
+              <h5>电报咨询</h5>
               <img src="static/picture/p23.jpg" alt="" />
-              <p>手机扫码加我微信</p>
+              <p>手机扫码加我电报</p>
             </div>
           </div>
           <div class="line"></div>
@@ -494,13 +494,13 @@
             <div>电话咨询</div>
             <div class="detail">
               <h5>电话咨询</h5>
-              <div class="phone">13327906119</div>
+              <div class="phone">+18435173355</div>
             </div>
           </div>
         </div>
       </div>
     </div>
-    <!-- <div class="service-modal"><div class="content"><div class="close"></div><div class="contact">联系我们</div><img class="qrcode-img" src="https://codeai.oss-cn-hangzhou.aliyuncs.com/img/p23.jpg" alt=""><p>请添加专属营销顾问</p></div></div> -->
+    <!-- <div class="service-modal"><div class="content"><div class="close"></div><div class="contact">联系我们</div><img class="qrcode-img" src="/static/picture/p23.jpg" alt=""><p>请添加专属营销顾问</p></div></div> -->
     <script type="text/javascript">
       var vm = new Vue({
         el: "#app",
@@ -688,17 +688,17 @@
             font-size: 12px;
           "
         >
-          <p style="color: #fff; font-size: 12px"><span>关于我们：</span></p>
-          <p style="color: #fff; font-size: 12px">
+          <p style="color: #fff; font-size: 12px"><span>官方频道：@apiapl_news</span></p>
+          <p style="color: #fff; font-size: 12px"><span>咨询客服：@apiapl</span></p>
             <span></span>
           </p>
         </div>
         <div class="right" style="white-space: nowrap">
           <p></p>
-          <p><span>联系我们：</span></p>
-          <p><span>地址：</span></p>
-          <p><span>邮箱：</span></p>
-          <p class=""><span>电话: </span></p>
+
+          <p><span>技术服务：@apiapl_sdk</span></p>
+          <p><span>联系邮箱：info@apiapl.com</span></p>
+          <p class=""><span>联系电话:+18435173355 </span></p>
         </div>
       </div>
       <div class="copyright">

login.html

@@ -11,7 +11,7 @@
     />
     <meta
       name="description"
-      content="翻译之家提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
+      content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
     />
     <meta name="baidu-site-verification" content="codeva-mXz3BqI9VN" />
     <link rel="stylesheet" href="static/css/public.css" />
@@ -23,7 +23,7 @@
     <script src="static/js/lodash.min.js"></script>
     <script src="static/js/layui.all.js"></script>
     <script src="static/js/common.js"></script>
-    <title>翻译之家</title>
+    <title>聚合翻译</title>
     <script>
       var _hmt = _hmt || [];
       (function () {
@@ -56,7 +56,7 @@
           </div>
         </div>
         <div v-if="userInfo&&userInfo.id" class="right">
-          <a href="userInfo.html" class="console">控制台</a>
+          <a href="userinfo.html" class="console">控制台</a>
           <div class="user-info">
             <div class="phone">13809073722</div>
             <i></i>
@@ -347,17 +347,17 @@
             font-size: 12px;
           "
         >
-          <p style="color: #fff; font-size: 12px"><span>关于我们：</span></p>
-          <p style="color: #fff; font-size: 12px">
+          <p style="color: #fff; font-size: 12px"><span>官方频道：@apiapl_news</span></p>
+          <p style="color: #fff; font-size: 12px"><span>咨询客服：@apiapl</span></p>
             <span></span>
           </p>
         </div>
         <div class="right" style="white-space: nowrap">
           <p></p>
-          <p><span>联系我们：</span></p>
-          <p><span>地址：</span></p>
-          <p><span>邮箱：</span></p>
-          <p class=""><span>电话: </span></p>
+
+          <p><span>技术服务：@apiapl_sdk</span></p>
+          <p><span>联系邮箱：info@apiapl.com</span></p>
+          <p class=""><span>联系电话:+18435173355 </span></p>
         </div>
       </div>
       <div class="copyright">

onlineTranslation.html

@@ -11,7 +11,7 @@
     />
     <meta
       name="description"
-      content="翻译之家提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
+      content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
     />
     <meta name="baidu-site-verification" content="codeva-mXz3BqI9VN" />
     <link rel="stylesheet" href="static/css/public.css" />
@@ -23,7 +23,7 @@
     <script src="static/js/lodash.min.js"></script>
     <script src="static/js/layui.all.js"></script>
     <script src="static/js/common.js"></script>
-    <title>翻译之家</title>
+    <title>聚合翻译</title>
     <script>
       var _hmt = _hmt || [];
       (function () {
@@ -56,7 +56,7 @@
           </div>
         </div>
         <div v-if="userInfo!=undefined&&userInfo.userId>0" class="right">
-          <a href="userInfo.html" class="console">控制台</a>
+          <a href="userinfo.html" class="console">控制台</a>
           <div class="user-info">
             <div class="phone">{{userInfo.name}}</div>
             <i></i>
@@ -428,17 +428,17 @@
             font-size: 12px;
           "
         >
-          <p style="color: #fff; font-size: 12px"><span>关于我们：</span></p>
-          <p style="color: #fff; font-size: 12px">
+          <p style="color: #fff; font-size: 12px"><span>官方频道：@apiapl_news</span></p>
+          <p style="color: #fff; font-size: 12px"><span>咨询客服：@apiapl</span></p>
             <span></span>
           </p>
         </div>
         <div class="right" style="white-space: nowrap">
           <p></p>
-          <p><span>联系我们：</span></p>
-          <p><span>地址：</span></p>
-          <p><span></span></p>
-          <p class=""><span>电话: </span></p>
+
+          <p><span>技术服务：@apiapl_sdk</span></p>
+          <p><span>联系邮箱：info@apiapl.com</span></p>
+          <p class=""><span>联系电话:+18435173355 </span></p>
         </div>
       </div>
       <div class="copyright">

static/css/public.css

@@ -1701,6 +1701,39 @@
     z-index: 10000;
   }
 
+  .service-modal .content-normal{
+    background-color: white;
+    border-radius: 10px;
+    height: 442px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 444px;
+    background-size: 100% 100%;
+    box-sizing: border-box;
+    padding: 45px 15px 15px;
+    overflow-y: auto;
+  }
+
+  .service-modal .content-normal .content-item {
+        padding: 10px;
+    border-radius: 3px;
+    /* border: solid .5px #6c75e1; */
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+  }
+
+  .service-modal .content-normal .content-item:hover{
+     transform: translateY(-5px); /* 向上浮动一点 */
+     box-shadow: 0 4px 12px rgb(65 63 63 / 10%);
+     transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; 
+  }
+
+  .service-modal .content-normal .content-item:not(:first-child){
+     margin-top: 10px;
+  }
+  
   .service-modal .content {
     position: absolute;
     top: 50%;
@@ -1732,7 +1765,7 @@
     line-height: 25px;
   }
   
-  .service-modal .content .close {
+  .service-modal .content .close,.service-modal .content-normal .close {
     position: absolute;
     top: 16px;
     right: 16px;
@@ -3003,7 +3036,7 @@
 	 white-space: nowrap;
  }
  
- .modal-overlay {
+ .modal-overlay,.modal-overlay-record {
    position: fixed;
    top: 0;
    left: 0;

static/js/countdown.js

@@ -0,0 +1,10 @@
+/*!
+ * vue-countdown v1.1.5
+ * https://fengyuanchen.github.io/vue-countdown
+ *
+ * Copyright 2018-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2020-02-25T01:19:32.769Z
+ */
+!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t=t||self).VueCountdown=i()}(this,function(){"use strict";var t=1e3,i=6e4,s=36e5,e="visibilitychange";return{name:"countdown",data:function(){return{counting:!1,endTime:0,totalMilliseconds:0}},props:{autoStart:{type:Boolean,default:!0},emitEvents:{type:Boolean,default:!0},interval:{type:Number,default:1e3,validator:function(t){return 0<=t}},now:{type:Function,default:function(){return Date.now()}},tag:{type:String,default:"span"},time:{type:Number,default:0,validator:function(t){return 0<=t}},transform:{type:Function,default:function(t){return t}}},computed:{days:function(){return Math.floor(this.totalMilliseconds/864e5)},hours:function(){return Math.floor(this.totalMilliseconds%864e5/s)},minutes:function(){return Math.floor(this.totalMilliseconds%s/i)},seconds:function(){return Math.floor(this.totalMilliseconds%i/t)},milliseconds:function(){return Math.floor(this.totalMilliseconds%t)},totalDays:function(){return this.days},totalHours:function(){return Math.floor(this.totalMilliseconds/s)},totalMinutes:function(){return Math.floor(this.totalMilliseconds/i)},totalSeconds:function(){return Math.floor(this.totalMilliseconds/t)}},render:function(t){return t(this.tag,this.$scopedSlots.default?[this.$scopedSlots.default(this.transform({days:this.days,hours:this.hours,minutes:this.minutes,seconds:this.seconds,milliseconds:this.milliseconds,totalDays:this.totalDays,totalHours:this.totalHours,totalMinutes:this.totalMinutes,totalSeconds:this.totalSeconds,totalMilliseconds:this.totalMilliseconds}))]:this.$slots.default)},watch:{$props:{deep:!0,immediate:!0,handler:function(){this.totalMilliseconds=this.time,this.endTime=this.now()+this.time,this.autoStart&&this.start()}}},methods:{start:function(){this.counting||(this.counting=!0,this.emitEvents&&this.$emit("start"),"visible"===document.visibilityState&&this.continue())},continue:function(){var e=this;if(this.counting){var n=Math.min(this.totalMilliseconds,this.interval);if(0<n)if(window.requestAnimationFrame){var o,a;this.requestId=requestAnimationFrame(function t(i){a=a||i;var s=i-(o=o||i);n<=s||n<=s+(i-a)/2?e.progress():e.requestId=requestAnimationFrame(t),a=i})}else this.timeoutId=setTimeout(function(){e.progress()},n);else this.end()}},pause:function(){window.requestAnimationFrame?cancelAnimationFrame(this.requestId):clearTimeout(this.timeoutId)},progress:function(){this.counting&&(this.totalMilliseconds-=this.interval,this.emitEvents&&0<this.totalMilliseconds&&this.$emit("progress",{days:this.days,hours:this.hours,minutes:this.minutes,seconds:this.seconds,milliseconds:this.milliseconds,totalDays:this.totalDays,totalHours:this.totalHours,totalMinutes:this.totalMinutes,totalSeconds:this.totalSeconds,totalMilliseconds:this.totalMilliseconds}),this.continue())},abort:function(){this.counting&&(this.pause(),this.counting=!1,this.emitEvents&&this.$emit("abort"))},end:function(){this.counting&&(this.pause(),this.totalMilliseconds=0,this.counting=!1,this.emitEvents&&this.$emit("end"))},update:function(){this.counting&&(this.totalMilliseconds=Math.max(0,this.endTime-this.now()))},handleVisibilityChange:function(){switch(document.visibilityState){case"visible":this.update(),this.continue();break;case"hidden":this.pause()}}},mounted:function(){document.addEventListener(e,this.handleVisibilityChange)},beforeDestroy:function(){document.removeEventListener(e,this.handleVisibilityChange),this.pause()}}});

userinfo.html

@@ -10,7 +10,7 @@
     />
     <meta
       name="description"
-      content="翻译之家提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
+      content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
     />
     <meta name="baidu-site-verification" content="codeva-mXz3BqI9VN" />
     <link rel="stylesheet" href="static/css/public.css" />
@@ -25,7 +25,8 @@
     <script src="static/js/layui.all.js"></script>
     <script src="static/js/common.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/qrcode@1.4.4/build/qrcode.min.js"></script>
-    <title>翻译之家</title>
+    <script src="static/js/countdown.js"></script>
+    <title>聚合翻译</title>
     <script>
       var _hmt = _hmt || [];
       (function () {
@@ -66,7 +67,7 @@
           </div>
         </div>
         <div v-if="userInfo!=undefined&&userInfo.userId>0" class="right">
-          <a href="userInfo.html" class="console">控制台</a>
+          <a href="userinfo.html" class="console">控制台</a>
           <div class="user-info">
             <div class="phone">{{userInfo.name}}</div>
             <i></i>
@@ -176,7 +177,7 @@
           <div class="table-row">
             <div class="col">
               <div class="cell"><span>翻译引擎</span></div>
-              <!-- <div class="cell"><span>已使用字符数</span></div> -->
+              <div class="cell"><span>已使用字符数</span></div>
               <div class="cell"><span>剩余字符数</span></div>
               <div class="cell"><span>价格（U/百万字符）</span></div>
               <div class="cell"><span>操作</span></div>
@@ -187,8 +188,11 @@
               :key="'platform_'+index"
             >
               <div class="cell"><span>{{item.name}}</span></div>
-              <!-- <div class="cell"><span></span></div> -->
-              <div class="cell"><span>{{item.remainChars}}</span></div>
+              <div class="cell"><span>{{item.useChars}}</span></div>
+              <div class="cell">
+                <span>{{item.remainChars}}</span>
+                <img v-if="item.remainChars>0" class="btn-clock" @click="showRecord(item.platformId,index)" src="static/image/clock.png"/>
+              </div>
               <div class="cell"><span>{{item.price}}</span></div>
               <div class="cell">
                 <div class="act">
@@ -200,13 +204,13 @@
               </div>
             </div>
           </div>
-          <div class="warn">备注：如需开取增值税发票，请联系客服。</div>
+          <div class="warn">备注：技术问题，请联系客服。</div>
           <div class="clearfix" style="height: 361px">
-            <div class="range-picker">
-              <!-- <div class="col on">近7天</div> -->
+            <!-- <div class="range-picker">
+              <div class="col on">近7天</div>
               <div class="col">近15天</div>
-              <!-- <div class="col">近30天</div> -->
-            </div>
+              <div class="col">近30天</div>
+            </div> -->
 
             <div class="chart-container-wrapper">
               <!-- ECharts 图表将渲染到这个 div 中 -->
@@ -247,7 +251,7 @@
               </div>
             </div>
           </div>
-          <div class="warn">备注：如需开取增值税发票，请联系客服。</div>
+          <div class="warn">备注：技术问题，请联系客服。</div>
           <div class="clearfix" style="height: 361px">
             <div class="range-picker">
               <div class="col on">近7天</div>
@@ -268,14 +272,14 @@
               src="https://codeai.oss-cn-hangzhou.aliyuncs.com/img/p25.png"
               alt=""
             />
-            <div>微信咨询</div>
+            <div>电报咨询</div>
             <div class="detail wechat">
-              <h5>微信咨询</h5>
+              <h5>电报咨询</h5>
               <img
-                src="https://codeai.oss-cn-hangzhou.aliyuncs.com/img/p23.jpg"
+                src="/static/picture/p23.jpg"
                 alt=""
               />
-              <p>手机扫码加我微信</p>
+              <p>手机扫码加我电报</p>
             </div>
           </div>
           <div class="line"></div>
@@ -287,7 +291,7 @@
             <div>电话咨询</div>
             <div class="detail">
               <h5>电话咨询</h5>
-              <div class="phone">13327906119</div>
+              <div class="phone">+18435173355</div>
             </div>
           </div>
         </div>
@@ -309,7 +313,7 @@
               <!-- <p class="text-gray-500">点击按钮生成二维码</p> -->
             </div>
             <!-- <img
-              src="https://codeai.oss-cn-hangzhou.aliyuncs.com/img/p23.jpg"
+              src="/static/picture/p23.jpg"
               alt=""
               class="qrcode-img"
             /> -->
@@ -317,8 +321,32 @@
           </div>
         </div>
       </div>
-    </div>
 
+      <div class="modal-overlay-record" style="display: none">
+        <div class="service-modal">
+          <div class="content-normal">
+            <div class="close" @click="closeRecord"></div>
+            <div v-for="(item,index) in rechargeList" :key="'record'+index" class="content-item">
+             <div>订单号：{{item.orderNo}}</div> 
+             <div>金额：{{item.amount}}</div>
+             <div>总字符数：{{item.totalCharater}}</div>
+             <div>可用字符数：{{item.remainCharater}}</div>
+             <!-- <div>倒计时：{{item.expireUnix}}</div> -->
+              <countdown  :time="(item.expireUnix * 1000) - Date.now()"
+        v-if="item.expireUnix && (item.expireUnix * 1000) > Date.now()" >
+              <template slot-scope="props">
+                倒计时：<span v-if="props.days > 0">{{ props.days }} 天</span> 
+                <span v-if="props.hours>0||props.days>0">{{ props.hours }} 时</span> 
+                <span v-if="props.minutes>0||props.hours>0||props.days>0">{{ props.minutes }} 分</span>
+                <span v-if="props.seconds>0||props.minutes>0||props.hours>0||props.days>0">{{ props.seconds }} 秒</span>  
+              </template>
+                
+              </countdown>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
     <script type="text/javascript">
       // 工具函数：将十六进制颜色转换为 RGBA 格式
       function hexToRgba(hex, alpha) {
@@ -328,8 +356,12 @@
         return `rgba(${r}, ${g}, ${b}, ${alpha})`;
       }
 
+      
       var vm = new Vue({
         el: "#app",
+        components:{
+          countdown: window.VueCountdown,
+        },
         data() {
           return {
             translateInfo: [],
@@ -347,10 +379,14 @@
             xAxisData: [],
             seriesData: [],
             receiveAddress: "",
+            rechargeList:[]
           };
         },
-        created() {},
+        created() {
+        },
         mounted() {
+          
+          console.log(this.$refs.myCountdown)
           let token = localStorage.getItem("token");
           if (token) {
             this.token = token;
@@ -431,6 +467,21 @@
                 }
               });
           },
+          getMemberAdvent(platformId){
+            axios
+              .get("/tm-member/member-advent", {
+                headers: { Authorization: `Bearer ${this.token}` },
+                params:{platformId}
+              })
+              .then((res) => {
+                if (res.data.code == 200) {
+                  let result = res.data.data;
+                  this.rechargeList = result;
+                } else {
+                  layer.msg(response.data.msg);
+                }
+              });
+          },
           getUserInfo(token) {
             console.log("token", token);
             let that = this;
@@ -495,6 +546,13 @@
           close() {
             $(".modal-overlay").fadeOut();
           },
+          showRecord(platformId){
+            $(".modal-overlay-record").fadeIn();
+            this.getMemberAdvent(platformId);
+          },
+          closeRecord(){
+            $(".modal-overlay-record").fadeOut();
+          },
           tabClick(val) {
             this.tabShow = val;
             this.pageChart = null;
@@ -803,17 +861,17 @@
             font-size: 12px;
           "
         >
-          <p style="color: #fff; font-size: 12px"><span>关于我们：</span></p>
-          <p style="color: #fff; font-size: 12px">
+          <p style="color: #fff; font-size: 12px"><span>官方频道：@apiapl_news</span></p>
+          <p style="color: #fff; font-size: 12px"><span>咨询客服：@apiapl</span></p>
             <span></span>
           </p>
         </div>
         <div class="right" style="white-space: nowrap">
           <p></p>
-          <p><span>联系我们：</span></p>
-          <p><span>地址：</span></p>
-          <p><span>邮箱：</span></p>
-          <p class=""><span>电话: </span></p>
+
+          <p><span>技术服务：@apiapl_sdk</span></p>
+          <p><span>联系邮箱：info@apiapl.com</span></p>
+          <p class=""><span>联系电话:+18435173355 </span></p>
           <p></p>
         </div>
       </div>
@@ -823,6 +881,11 @@
     </div>
     <div class="layui-layer-move" style="cursor: move; display: none"></div>
     <style>
+      .btn-clock{
+        width: 15px;
+        cursor: pointer;
+      }
+
       .chart-container-wrapper {
         width: 100%;
         max-width: 900px; /* 最大宽度 */

voice.html

@@ -11,7 +11,7 @@
     />
     <meta
       name="description"
-      content="翻译之家提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
+      content="聚合翻译提供即时免费的中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、越南语、印尼语、意大利语、荷兰语、泰语全文翻译等服务。"
     />
     <meta name="baidu-site-verification" content="codeva-mXz3BqI9VN" />
     <link rel="stylesheet" href="static/css/public.css" />
@@ -23,7 +23,7 @@
     <script src="static/js/lodash.min.js"></script>
     <script src="static/js/layui.all.js"></script>
     <script src="static/js/common.js"></script>
-    <title>翻译之家</title>
+    <title>聚合翻译</title>
     <script>
       var _hmt = _hmt || [];
       (function () {
@@ -56,7 +56,7 @@
           </div>
         </div>
         <div v-if="userInfo!=undefined&&userInfo.userId>0" class="right">
-          <a href="userInfo.html" class="console">控制台</a>
+          <a href="userinfo.html" class="console">控制台</a>
           <div class="user-info">
             <div class="phone">{{userInfo.name}}</div>
             <i></i>
@@ -1147,17 +1147,17 @@
             font-size: 12px;
           "
         >
-          <p style="color: #fff; font-size: 12px"><span>关于我们：</span></p>
-          <p style="color: #fff; font-size: 12px">
+          <p style="color: #fff; font-size: 12px"><span>官方频道：@apiapl_news</span></p>
+          <p style="color: #fff; font-size: 12px"><span>咨询客服：@apiapl</span></p>
             <span></span>
           </p>
         </div>
         <div class="right" style="white-space: nowrap">
           <p></p>
-          <p><span>联系我们：</span></p>
-          <p><span>地址：</span></p>
-          <p><span></span></p>
-          <p class=""><span>电话: </span></p>
+
+          <p><span>技术服务：@apiapl_sdk</span></p>
+          <p><span>联系邮箱：info@apiapl.com</span></p>
+          <p class=""><span>联系电话:+18435173355 </span></p>
         </div>
       </div>
       <div class="copyright">