From 4276a2c203412de8b76c24dfd2dee0ae4287d67e Mon Sep 17 00:00:00 2001
From: louyongjiu <921944921@qq.com>
Date: Fri, 6 Sep 2024 17:02:34 +0800
Subject: [PATCH] add show crontab next 5 execution times

---
 src/tools/crontab-generator/crontab-generator.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/tools/crontab-generator/crontab-generator.vue b/src/tools/crontab-generator/crontab-generator.vue
index 8e96c0d2..ec14f4a9 100644
--- a/src/tools/crontab-generator/crontab-generator.vue
+++ b/src/tools/crontab-generator/crontab-generator.vue
@@ -116,8 +116,8 @@ const cronString = computed(() => {
 const executionTimesString = computed(() => {
   if (isCronValid(cron.value)) {
     const lastExecutionTimes = getLastExecutionTimes(cron.value);
-    const executionTimesString = lastExecutionTimes.join('<br>'); // 使用 <br> 标签
-    return `Next 5 execution times:<br>${executionTimesString}`; // 在这里也添加 <br> 标签
+    const executionTimesString = lastExecutionTimes.join('\n');  
+    return `Next 5 execution times:\n${executionTimesString}`;  
   }
   return ' ';
 });
@@ -146,7 +146,7 @@ const cronValidationRules = [
       {{ cronString }}
     </div>
 
-    <div v-html="executionTimesString" class="cron-execution-string"></div>
+    <div class="cron-execution-string">{{ executionTimesString }}</div>
 
     <n-divider />
 
@@ -217,6 +217,7 @@ const cronValidationRules = [
   font-size: 14px;
   opacity: 0.8;
   margin: 5px 0 15px;
+  white-space: pre-wrap;
 }
 
 pre {