链接接口

src/assets/js/store.js

@@ -5,7 +5,7 @@ Vue.use(Vuex);
 import dictionaries from '@/assets/js/dictionaries.js'; //字典
 
 const state = {
-    refresh_time: 100000, //定时刷新
+    refresh_time: 10000, //定时刷新
     // is_login: $auth.isAuthenticated(), //是否登录
     init_url: {}, //全站入口信息
     cur_coins: [], //获取支持的币种

src/assets/less/style3.less

@@ -14,12 +14,12 @@
   h1,h3,b{font-weight: 400; }
   b {text-transform: uppercase;font-size: .20rem;margin-left: .08rem;display: inline-block;}
   .pay-list {position: fixed;z-index: 9; left: 0; right: 0; height: 3.15rem; background-color: #103f73; color: #fff; box-sizing: border-box; 
-    h1 {font-size: .90rem;
-      b {font-size: .48rem; }
-    }
+    span{color: #fff}
+    .v1{font-size: .90rem}
+    .k1{font-size: .48rem}
+    .v2{font-size: .30rem;}
+    .k2{width: 2.8rem;}
     h3 {font-size: .24rem;color: #c3cfdc;}
-    p{font-size: .30rem;}
-    .d2{width: 2.8rem;}
     i{font-size: .22rem;color: #dbe2ea;display: inline-block; vertical-align: top;margin-left: .05rem;}
   }
   .balance-list {margin: 3.35rem 0 .05rem 0;font-size: .34rem;background: #fff;

src/components/Dashboard/index.vue

@@ -2,8 +2,8 @@
   <div class="page dashboard">
     <div class="page-header" :class="hasZIndex==true?'zIndexAuto':''" flex="main:justify cross:center">
       <div class="side" @click="getSide"><i class="iconfont icon-mulu"></i></div>
-      <div class="title" @click="getRegion">YZCF - {{messageRegion}}<i class="iconfont icon-down"></i></div>
-      <div class="btn-choose-coin" @click="getCoin"><span :class="messageCoin"></span><i class="iconfont icon-down"></i></div>
+      <div class="title" @click="getRegion">{{cur_account.data.name}} - {{region_name}}<i class="iconfont icon-down"></i></div>
+      <div class="btn-choose-coin" @click="getCoin"><span :class="this.$route.params.coin_type"></span><i class="iconfont icon-down"></i></div>
     </div>
     <div class="page-content">
       <!-- 切换币种 -->
@@ -12,7 +12,7 @@
       </mt-popup>
       <!-- 切换区域 -->
       <mt-popup v-model="showRegion" position="top" class='top show-top'>
-        <region :region="messageRegion"  v-on:childRegion="fromRegion"></region>
+        <region :region="region_name"  v-on:childRegion="fromRegion"></region>
       </mt-popup>
       <!-- 切换子账户 -->
       <mt-popup v-model="showSide" position="left" class="left show-left">
@@ -39,10 +39,14 @@
             <p>
               <span class="v" v-if="$store.state.coin_type=='xmr'"><animated-num :value="(payment_stats.yesterday_amount)/Math.pow(10,12)" :fixed=12></animated-num></span>
               <span class="v" v-else><animated-num :value="(payment_stats.yesterday_amount)/Math.pow(10,8)" :fixed=8></animated-num></span>
-              <span class="k">BTC</span>
+              <span class="k">{{$route.params.coin_type|uppercase}}</span>
             </p>
             <h3 class="title f24gray">昨日收益</h3>
-            <p class="small-k-v mt20"><span class="k">今日预估：</span><span class="v">0.00173601 BTC</span></p>
+            <p class="small-k-v mt20">
+              <span class="v" v-if="$store.state.coin_type=='xmr'"><animated-num :value="(payment_stats.today_estimate)/Math.pow(10,12)" :fixed=12></animated-num></span>
+              <span class="v" v-else><animated-num :value="(payment_stats.today_estimate)/Math.pow(10,8)" :fixed=8></animated-num></span>
+              <span class="k">{{$route.params.coin_type|uppercase}}</span>
+            </p>
           </div>
         </div>
       </div>
@@ -50,8 +54,16 @@
       <div class="bg-blue pb40">
         <div class="list">
           <h3>账户收益</h3>
-          <mt-cell title="余额"><span class="v">120.95086277</span> <span class="k">BTC</span></mt-cell>
-          <mt-cell title="已支付"><span class="v">0.00000000</span> <span class="k">BTC</span></mt-cell>
+          <mt-cell title="余额">
+            <span class="v" v-if="$store.state.coin_type=='xmr'"><animated-num :value="payment_stats.balance/Math.pow(10,12)" :fixed=12></animated-num></span>
+            <span class="v" v-else><animated-num :value="payment_stats.balance/Math.pow(10,8)" :fixed=8></animated-num></span>
+            <span class="k">{{$store.state.coin_type|uppercase}}</span>
+          </mt-cell>
+          <mt-cell title="已支付">
+            <span class="v" v-if="$store.state.coin_type=='xmr'"><animated-num :value="payment_stats.total_paid_amount/Math.pow(10,12)" :fixed=12></animated-num></span>
+            <span class="v" v-else><animated-num :value="payment_stats.total_paid_amount/Math.pow(10,8)" :fixed=8></animated-num></span>
+            <span class="k">{{$store.state.coin_type|uppercase}}</span>
+          </mt-cell>
           <mt-cell title="上一次支付时间"><span class="v">2017-11-02 8:00</span></mt-cell>
           <mt-cell title="待确认支付"><span class="v">119.71423071</span> <span class="k">BTC</span></mt-cell>
         </div>
@@ -93,13 +105,26 @@
         showCoin: false,
         showRegion: false,
         showSide: false,
+        regions: [],
+        cur_region: {
+          "region_id": "",
+          "text_en": "",
+          "text_zh-cn": "",
+        },
+        cur_account: {
+          data: {
+            name: ''
+          }
+        },
         suanli: {},
         payment_stats: {
           yesterday_amount: 0,
           today_estimate: 0
         },
-        messageRegion: '北方联通',
-        messageCoin:'dash'
+        region_name: '',
+        language: localStorage.getItem('language'),
+        loading: true,
+        stratum_url: []
       };
     },
     mounted() {
@@ -205,7 +230,7 @@
         this.showSide = false;
       },
       fromRegion(msg){
-          this.messageRegion = msg;
+          this.region_name = msg;
           this.showRegion = false;
       },
       fromCoin(msg){

src/components/Dashboard/region.vue

@@ -15,7 +15,7 @@ export default {
   data() {
     return {
       regionDate: [{
-        text: '南方电信'
+        text: '深圳'
       }, {
         text: '北方联通'
       }, {

src/main.js

@@ -37,7 +37,7 @@ axios.interceptors.request.use(config => {
 
 function checkToken() {
   return new Promise((resolve, reject) => {
-    resolve("eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImtpZCI6IlEwTTBNRUl4UVRVME5qazJNa0ZFT0RCRk56WkJNVGc0TmtFd09UWkNOakZGTlRFMFEwVTJOdyJ9.eyJpc3MiOiJodHRwczovL2Jsb2NraW4uYXV0aDAuY29tLyIsInN1YiI6ImF1dGgwfDU5ZjE3OTc5ZDljMGM1MzZiZjRhMzVjMSIsImF1ZCI6WyJodHRwczovL3d3dy5wb29saW4uY29tL2FwaSIsImh0dHBzOi8vYmxvY2tpbi5hdXRoMC5jb20vdXNlcmluZm8iXSwiaWF0IjoxNTE2NjcxOTI4LCJleHAiOjE1MTY2NzkxMjgsImF6cCI6IkZhczI5dWJNNW52NElFMlZUQ3ZEWU5iaWtIeTF0bDBkIiwic2NvcGUiOiJvcGVuaWQgcHJvZmlsZSByZWFkIHdyaXRlIn0.UPdJbluTv3Xmcfs_9VI-Wih_SlfQL0QbEh2Rmbu2967lB0_5RXD4sqn3yWTf_VyMYjJqlqTRTkb8yPtUPcsQCA4oXz9fwUqkvmJYhVqCbeRBax-GtZ596um080IZjfc_rsHsemu49UcjCGBtBN4Z1EfyStMnP888_i7XN1Jg3fQxhj87DBn8QLIkj0DIolj0rHvie-cNRCGk14WDd5zP-KAWmvKW4nLwnrEEOLHcmaeH46z0ZCNTpJ7sFr0UHxBQTVVE5fU2zBlym7f0jpofR5M7BCa98UWV7KCJxioeljCkvu-dvCr0IO-oxWsQ0_WwoKkRj1jiDAwp_sgVMq0Yvg");
+    resolve("eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImtpZCI6IlEwTTBNRUl4UVRVME5qazJNa0ZFT0RCRk56WkJNVGc0TmtFd09UWkNOakZGTlRFMFEwVTJOdyJ9.eyJpc3MiOiJodHRwczovL2Jsb2NraW4uYXV0aDAuY29tLyIsInN1YiI6ImF1dGgwfDU5ZjE3OTc5ZDljMGM1MzZiZjRhMzVjMSIsImF1ZCI6WyJodHRwczovL3d3dy5wb29saW4uY29tL2FwaSIsImh0dHBzOi8vYmxvY2tpbi5hdXRoMC5jb20vdXNlcmluZm8iXSwiaWF0IjoxNTE2OTUxOTAwLCJleHAiOjE1MTY5NTkxMDAsImF6cCI6IkZhczI5dWJNNW52NElFMlZUQ3ZEWU5iaWtIeTF0bDBkIiwic2NvcGUiOiJvcGVuaWQgcHJvZmlsZSByZWFkIHdyaXRlIn0.wjOk-ynJlMg2SDXT3djpRl0-topq-GQWVoa3QsdBwueg8ZuxXHpO0P5uQPTXoEuzgalm2XcBk1pVrMLWQ4Nqgod0agKtE7YJfh59tY4SKsvCdo0nKdB2yw4e8WLemtVM_wqQDNs0PeHs5XmSZ4PEfP4u7B5AZHUBA4GHtIvNKNB_CQw3pSp3D4us1yeupHb7rRQTeYMs1CXEhN_m2hEJ7oL4xBWuQReRR2UIg5bevhGUQEC0h4WEP21XEDmpFOjbUJpKUGM9gwgy3723gdhVbqzcTk1iQmwQSc4mWKONCeYDhemu_IX5VuKvAV_hvNXqO1uxPv2NCCGgNN5A-J2hnA");
   })
 }
 window.$axios = Vue.prototype.$axios = axios;