From 7e68c1ee4d8b56dca3839903e8cf6d5a7dd42d2d Mon Sep 17 00:00:00 2001
From: CS-Tao <990296951@qq.com>
Date: Thu, 19 Dec 2019 16:08:18 +0800
Subject: [PATCH 1/3] Add spark line for monitor

---
 package.json                                  |   1 +
 src/renderer/api/mock/library.api.js          |   2 +-
 .../components/Body/Monitor/index.vue         | 106 ++++++++++++++++--
 src/renderer/components/Body/Monitor/mixin.js |   2 +-
 yarn.lock                                     |   5 +
 5 files changed, 105 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 41d52013..c012e90d 100644
--- a/package.json
+++ b/package.json
@@ -74,6 +74,7 @@
     "vue-markdown": "^2.2.4",
     "vue-router": "^2.5.3",
     "vuepress-theme-vue": "^1.0.3",
+    "vuetrend": "^0.3.4",
     "vuex": "^2.3.1"
   },
   "devDependencies": {
diff --git a/src/renderer/api/mock/library.api.js b/src/renderer/api/mock/library.api.js
index c57aed33..ea76f0a0 100644
--- a/src/renderer/api/mock/library.api.js
+++ b/src/renderer/api/mock/library.api.js
@@ -20,7 +20,7 @@ export default {
   Book: config => {
     console.log('Mock: ' + config.url)
     var num = Math.random()
-    if (num > 0.5) {
+    if (num > 0.02) {
       return {'status': 'fail', 'data': null, 'message': '预约失败，请尽快选择其他时段或座位', 'code': '1'}
     } else {
       return {'status': 'success', 'data': {'id': 3442608, 'receipt': '0175-608-1', 'onDate': '2018 年 07 月 23 日', 'begin': '21 : 30', 'end': '22 : 30', 'location': '信息馆2层东区东自然科学区，座位号009', 'checkedIn': false}, 'message': '', 'code': '0'}
diff --git a/src/renderer/components/Body/Monitor/index.vue b/src/renderer/components/Body/Monitor/index.vue
index 1efdfae4..916b8e34 100644
--- a/src/renderer/components/Body/Monitor/index.vue
+++ b/src/renderer/components/Body/Monitor/index.vue
@@ -48,7 +48,18 @@
             :max="360">
           </el-input-number>
         </el-form-item>
-        <div class="form-item" style="text-align: center;">
+        <div class="spark-line">
+          <v-trend
+            :data="spark.data"
+            :gradient="spark.color"
+            :height="40"
+            :max="20"
+            :min="-20"
+            :padding="4"
+            auto-draw>
+          </v-trend>
+        </div>
+        <div class="form-item" style="text-align: center;margin-top:0;">
           <el-button
             :disabled="isWorking"
             type="primary"
@@ -71,6 +82,11 @@
 </template>
 
 <script>
+import VTrend from 'vuetrend'
+import { monitorStatuses } from './mixin'
+
+const sparkLength = 300
+
 export default {
   name: 'monitor-form',
   props: {
@@ -115,13 +131,33 @@ export default {
       require: true
     }
   },
+  components: {
+    'v-trend': VTrend
+  },
   data () {
     return {
       interval: 1500,
       last: 60,
-      intervalTooLowWarned: false
+      intervalTooLowWarned: false,
+      spark: {
+        enable: true,
+        data: new Array(sparkLength).fill(0),
+        nextValue: 0,
+        color: ['#8fc8fc', '#62d9a3', '#4c5e70']
+      }
     }
   },
+  watch: {
+    workingStatus () {
+      this.spark.nextValue = this.getSparkValueOfStatus(this.workingStatus)
+    }
+  },
+  mounted () {
+    this.loopSparkLine()
+  },
+  beforeDestroy () {
+    this.stopSparkLine()
+  },
   methods: {
     okBtnClicked () {
       this.$emit('btnClick', {
@@ -137,6 +173,23 @@ export default {
         btn: 'cancel'
       })
     },
+    loopSparkLine () {
+      var loop = () => {
+        if (!this.spark.enable) {
+          return
+        }
+        this.spark.data.unshift(...this.getSparkPattern(this.spark.nextValue))
+        this.spark.data = this.spark.data.slice(0, sparkLength)
+        if (this.spark.nextValue !== 0) {
+          this.spark.nextValue = 0
+        }
+        window.requestAnimationFrame(loop)
+      }
+      window.requestAnimationFrame(loop)
+    },
+    stopSparkLine () {
+      this.spark.enable = false
+    },
     warnIntervalTooLow () {
       if (!this.intervalTooLowWarned) {
         if (this.interval < 1500) {
@@ -149,6 +202,37 @@ export default {
         }
         this.intervalTooLowWarned = true
       }
+    },
+    getSparkValueOfStatus (status) {
+      switch (status) {
+        case monitorStatuses.unstart:
+          return 0
+        case monitorStatuses.starting:
+          return 20
+        case monitorStatuses.checking:
+          return Math.random() > 0.5 ? 40 : -40
+        case monitorStatuses.checkFailed:
+          return -20
+        case monitorStatuses.checkSuccessfulYes:
+          return 32
+        case monitorStatuses.checkSuccessfulNo:
+          return -32
+        case monitorStatuses.grabingSeat:
+          return 28
+        case monitorStatuses.grabFailed:
+          return -40
+        case monitorStatuses.grabSuccessful:
+          return 40
+        case monitorStatuses.fatalError:
+          return -40
+        default:
+          return -40
+      }
+    },
+    getSparkPattern (amplitude) {
+      return [
+        amplitude
+      ]
     }
   }
 }
@@ -157,7 +241,7 @@ export default {
 <style lang="scss" scoped>
 @import '@/styles/index.scss';
 $warp-width: 280px;
-$warp-height: 300px;
+$warp-height: 320px;
 $warp-padding: 0px;
 .dialog {
   z-index: 15;
@@ -181,7 +265,7 @@ $warp-padding: 0px;
       font-size: $text-size-large + 4;
     }
     .date-info {
-      margin: 6px 17px 10px 17px;
+      margin: 10px 17px 10px 17px;
       display: flex;
       justify-content: flex-start;
       cursor: default !important;
@@ -199,7 +283,7 @@ $warp-padding: 0px;
       }
     }
     .room-info {
-      margin-bottom: 6px;
+      margin-bottom: 12px;
       cursor: default !important;
       .room {
         .tag {
@@ -209,11 +293,15 @@ $warp-padding: 0px;
         }
       }
     }
+    .spark-line {
+      height: 40px;
+      margin-top: 4px;
+    }
     .form-item {
-      margin: 10px 17px;
+      margin: 4px 18px;
       border: none!important;
       .save-button {
-        margin: 10px 8px;
+        margin: 4px 8px;
         width: 80px;
         color: $text-color;
         background: $primary-button-background-blur!important;
@@ -226,7 +314,7 @@ $warp-padding: 0px;
         }
       }
       .cancel-button {
-        margin: 10px 8px;
+        margin: 4px 8px;
         width: 80px;
         color: $text-color;
         background: $cancel-button-background-blur!important;
@@ -239,7 +327,7 @@ $warp-padding: 0px;
         }
       }
       .button-disabled {
-        margin: 10px 8px;
+        margin: 4px 8px;
         width: 80px;
         color: $text-color;
         background: $disabled-button-background-blur!important;
diff --git a/src/renderer/components/Body/Monitor/mixin.js b/src/renderer/components/Body/Monitor/mixin.js
index 1edcd2ee..64bf4bfe 100644
--- a/src/renderer/components/Body/Monitor/mixin.js
+++ b/src/renderer/components/Body/Monitor/mixin.js
@@ -1,7 +1,7 @@
 import libraryRestApi from '@/api/library.api'
 import usageApi from '@/api/usage.api'
 
-const monitorStatuses = {
+export const monitorStatuses = {
   unstart: 'unstart', // 未开始
   starting: 'starting', // 正在启动
   checking: 'checking', // 检测中
diff --git a/yarn.lock b/yarn.lock
index a7c21bc6..eba1c350 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10031,6 +10031,11 @@ vuepress-theme-vue@^1.0.3:
   resolved "https://registry.yarnpkg.com/vuepress-theme-vue/-/vuepress-theme-vue-1.1.0.tgz#8b109e3db8cad7b18459f4d77076808110c2bcaa"
   integrity sha512-oYbfWkeaQ6aUU8sl8fMzLnBnvsd23V0wkiqI0bR3Tq3mlI8EJu26PFOyyF7KvJu0qNo/lcL7CDSmX7ymUVpnvw==
 
+vuetrend@^0.3.4:
+  version "0.3.4"
+  resolved "https://registry.npm.taobao.org/vuetrend/download/vuetrend-0.3.4.tgz#35e1dafb0f7cf4d66f69e289ee7028b9e12783d9"
+  integrity sha1-NeHa+w989NZvaeKJ7nAoueEng9k=
+
 vuex@^2.3.1:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/vuex/-/vuex-2.5.0.tgz#20f0265ade6c9a5ac6724a405d3ffdb4726c9741"

From fe5170b9754c9956b1c08e09420ab2101c4d4609 Mon Sep 17 00:00:00 2001
From: CS-Tao <990296951@qq.com>
Date: Thu, 19 Dec 2019 16:09:39 +0800
Subject: [PATCH 2/3] Change placeholder of select

---
 src/renderer/components/Body/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/components/Body/index.vue b/src/renderer/components/Body/index.vue
index c6605763..f741fc2b 100644
--- a/src/renderer/components/Body/index.vue
+++ b/src/renderer/components/Body/index.vue
@@ -31,7 +31,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="位置" :inline="true" style="flex-col">
-          <el-select v-model="form.seatNum" :placeholder="seatsForSelectIsAvailable!==null?(`共 ${seatsForSelectIsAvailable.length} 座可约`):'数据加载中...'"
+          <el-select v-model="form.seatNum" :placeholder="seatsForSelectIsAvailable!==null?(`共 ${seatsForSelectIsAvailable.length} 座可约`):seatsForSelect.length + ' 个座位'"
             :no-data-text="seatSelectNoDataMessage"
             class="num">
             <el-option-group :key="'seat-group-1'" label="可选功能">

From cba756fabdb585d1fbbeb15ba107d3a9f546d10d Mon Sep 17 00:00:00 2001
From: CS-Tao <990296951@qq.com>
Date: Thu, 19 Dec 2019 16:10:33 +0800
Subject: [PATCH 3/3] Bump app version to v1.9.1

---
 README.md    | 12 ++++++------
 package.json |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index ff4f7fae..8c9a44f7 100644
--- a/README.md
+++ b/README.md
@@ -24,16 +24,16 @@
 ### 最新版本下载
 
 - Windows
-    - 链接: [whu-library-seat-setup-1.9.0.exe](https://github.com/CS-Tao/whu-library-seat/releases/download/v1.9.0/whu-library-seat-setup-1.9.0.exe)
-    - 备用地址: [whu-library-seat-setup-1.9.0.exe](https://assets.cs-tao.cc/whu-library-seat/releases/v1.9.0/whu-library-seat-setup-1.9.0.exe)
+    - 链接: [whu-library-seat-setup-1.9.1.exe](https://github.com/CS-Tao/whu-library-seat/releases/download/v1.9.1/whu-library-seat-setup-1.9.1.exe)
+    - 备用地址: [whu-library-seat-setup-1.9.1.exe](https://assets.cs-tao.cc/whu-library-seat/releases/v1.9.1/whu-library-seat-setup-1.9.1.exe)
 
 - Mac OS
-    - 链接: [whu-library-seat-1.9.0.dmg](https://github.com/CS-Tao/whu-library-seat/releases/download/v1.9.0/whu-library-seat-1.9.0.dmg)
-    - 备用地址: [whu-library-seat-1.9.0.dmg](https://assets.cs-tao.cc/whu-library-seat/releases/v1.9.0/whu-library-seat-1.9.0.dmg)
+    - 链接: [whu-library-seat-1.9.1.dmg](https://github.com/CS-Tao/whu-library-seat/releases/download/v1.9.1/whu-library-seat-1.9.1.dmg)
+    - 备用地址: [whu-library-seat-1.9.1.dmg](https://assets.cs-tao.cc/whu-library-seat/releases/v1.9.1/whu-library-seat-1.9.1.dmg)
 
 - Linux
-    - 链接: [whu-library-seat-1.9.0-x86_64.AppImage](https://github.com/CS-Tao/whu-library-seat/releases/download/v1.9.0/whu-library-seat-1.9.0-x86_64.AppImage)
-    - 备用地址: [whu-library-seat-1.9.0-x86_64.AppImage](https://assets.cs-tao.cc/whu-library-seat/releases/v1.9.0/whu-library-seat-1.9.0-x86_64.AppImage)
+    - 链接: [whu-library-seat-1.9.1-x86_64.AppImage](https://github.com/CS-Tao/whu-library-seat/releases/download/v1.9.1/whu-library-seat-1.9.1-x86_64.AppImage)
+    - 备用地址: [whu-library-seat-1.9.1-x86_64.AppImage](https://assets.cs-tao.cc/whu-library-seat/releases/v1.9.1/whu-library-seat-1.9.1-x86_64.AppImage)
 
 ### 安装软件
 
diff --git a/package.json b/package.json
index c012e90d..7d47376b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "whu-library-seat",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "author": "CS-Tao <whucstao@qq.com>",
   "description": "武汉大学图书馆抢座软件",
   "license": null,