diff --git a/.travis.yml b/.travis.yml
index 93ea493..78dcaee 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -12,6 +12,8 @@ install:
 - go get github.com/gorilla/mux
 - go get github.com/smartystreets/goconvey/convey
 - go get github.com/spf13/cobra
+- go get github.com/denisbrodbeck/machineid
+
 before_script:
 - go vet -x ./...
 script:
diff --git a/web/ui/src/components/basic/Pager.vue b/web/ui/src/components/basic/Pager.vue
index b28efb6..ee84714 100644
--- a/web/ui/src/components/basic/Pager.vue
+++ b/web/ui/src/components/basic/Pager.vue
@@ -1,10 +1,10 @@
 <template>
   <div style="text-align: center; margin-bottom: 1em;">
     <div class="ui icon buttons">
-      <router-link :to="pageURL(_startPage-1)" class="ui button" :class="{disabled: _startPage<=1}"><i class="angle left icon"></i></router-link>
-      <router-link :to="pageURL(_startPage + n - 1)" v-for="n in _pageBtnNum" class="ui button" :class="{blue: _startPage+n-1 == _current}">{{_startPage + n-1}}</router-link>
+      <router-link :to="pageURL(startPage-1)" class="ui button" :class="{disabled: startPage<=1}"><i class="angle left icon"></i></router-link>
+      <router-link :to="pageURL(startPage + n - 1)" v-for="n in pageBtnNum" class="ui button" :class="{blue: startPage+n-1 == _current}">{{startPage + n-1}}</router-link>
       <a class="ui button disabled">{{_current}}/{{total}}</a>
-      <router-link :to="pageURL(_startPage+length)" class="ui button" :class="{disabled: _startPage+length>total}"><i class="angle right icon"></i></router-link>
+      <router-link :to="pageURL(startPage+length)" class="ui button" :class="{disabled: startPage+length>total}"><i class="angle right icon"></i></router-link>
     </div>
     <div class="ui action input">
       <input type="text" ref="gopage" style="width: 70px;">
@@ -25,17 +25,17 @@ export default {
   data: function(){
     return {
       _pagevar: '',
-      _current: 1,
-      _startPage: 1,
-      _pageBtnNUm: 5
+      _current: 1//,
+      //_startPage: 1,
+      //_pageBtnNum: 5
     }
   },
 
   created: function(){
     this._pagevar = this.pageVar || 'page';
     this._current = this.$route.query[this._pagevar] || 1;
-    this._startPage = Math.floor((this._current-1)/this.length) * this.length + 1;
-    this._pageBtnNum = this.total - this._startPage - this.length <= 0 ? this.total - this._startPage + 1 : this.length;
+    // this._startPage = Math.floor((this._current-1)/this.length) * this.length + 1;
+    // this._pageBtnNum = this.total - this._startPage - this.length <= 0 ? this.total - this._startPage + 1 : this.length;
   },
 
   methods: {
@@ -53,8 +53,8 @@ export default {
   watch: {
     '$route': function(){
       this._current = this.$route.query[this._pagevar] || 1;
-      this._startPage = Math.floor((this._current-1)/this.length) * this.length + 1;
-      this._pageBtnNum = this.total - this._startPage - this.length <= 0 ? this.total - this._startPage + 1 : this.length;
+      // this._startPage = Math.floor((this._current-1)/this.length) * this.length + 1;
+      // this._pageBtnNum = this.total - this._startPage - this.length <= 0 ? this.total - this._startPage + 1 : this.length;
     }
   },
 
@@ -67,7 +67,15 @@ export default {
       }
 
       return this.$route.path+'?'+query.join('&') + '&';
-    }
+    },
+
+    startPage: function(){
+      return Math.floor((this._current-1)/this.length) * this.length + 1;
+    },
+
+    pageBtnNum: function(){
+      return this.total - this.startPage - this.length <= 0 ? this.total - this.startPage + 1 : this.length;
+    },
   }
 }
-</script>
\ No newline at end of file
+</script>