diff --git a/pages/scan.vue b/pages/scan.vue
index 4fd9d93..5273009 100644
--- a/pages/scan.vue
+++ b/pages/scan.vue
@@ -91,6 +91,7 @@
         <!-- {{ currentScanPage }} / {{ currentScanQueue }} -->
         <el-progress :percentage="currentScanPercent" :format="showCurrentScan"></el-progress>
         <i v-if="currentScanPage" class="el-icon-loading"></i>
+        <el-button v-if="currentScanPercent" type="primary" @click="cancelTask">Cancel</el-button>
       </div>
 
     </el-row>
@@ -616,6 +617,10 @@ export default {
       // console.log('res: ', res);
     },
 
+    async cancelTask() {
+      this.socket.emit('cancel', {});
+    },
+
     auth() {
       if (this.socket.connected && this.$store.state.user?.uid && this.isNeedAuth) {
         this.isNeedAuth = false;