From 2b64ad4cb438ee632d62327f946c6bdc17f6c434 Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Tue, 11 May 2021 20:18:56 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9cron=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/cron/Crontab.vue        | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/frontend/src/business/components/common/cron/Crontab.vue b/frontend/src/business/components/common/cron/Crontab.vue
index fd3ca6337c..87c8f45248 100644
--- a/frontend/src/business/components/common/cron/Crontab.vue
+++ b/frontend/src/business/components/common/cron/Crontab.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
-    <el-tabs type="border-card">
-      <el-tab-pane :label="$t('schedule.cron.seconds')" v-if="shouldHide('second')">
+    <el-tabs type="border-card" v-model="activeName">
+      <el-tab-pane name="second" :label="$t('schedule.cron.seconds')" v-if="shouldHide('second')">
         <crontab-second
           @update="updateContabValue"
           :check="checkNumber"
@@ -9,7 +9,7 @@
         />
       </el-tab-pane>
 
-      <el-tab-pane :label="$t('schedule.cron.minutes')"  v-if="shouldHide('min')">
+      <el-tab-pane name="min" :label="$t('schedule.cron.minutes')"  v-if="shouldHide('min')">
         <crontab-min
           @update="updateContabValue"
           :check="checkNumber"
@@ -18,7 +18,7 @@
         />
       </el-tab-pane>
 
-      <el-tab-pane :label="$t('schedule.cron.hours')" v-if="shouldHide('hour')">
+      <el-tab-pane name="hour" :label="$t('schedule.cron.hours')" v-if="shouldHide('hour')">
         <crontab-hour
           @update="updateContabValue"
           :check="checkNumber"
@@ -27,7 +27,7 @@
         />
       </el-tab-pane>
 
-      <el-tab-pane :label="$t('schedule.cron.day')" v-if="shouldHide('day')">
+      <el-tab-pane name="day" :label="$t('schedule.cron.day')" v-if="shouldHide('day')">
         <crontab-day
           @update="updateContabValue"
           :check="checkNumber"
@@ -36,7 +36,7 @@
         />
       </el-tab-pane>
 
-      <el-tab-pane :label="$t('schedule.cron.month')" v-if="shouldHide('mouth')">
+      <el-tab-pane name="mouth" :label="$t('schedule.cron.month')" v-if="shouldHide('mouth')">
         <crontab-mouth
           @update="updateContabValue"
           :check="checkNumber"
@@ -45,7 +45,7 @@
         />
       </el-tab-pane>
 
-      <el-tab-pane :label="$t('schedule.cron.weeks')" v-if="shouldHide('week')">
+      <el-tab-pane name="week" :label="$t('schedule.cron.weeks')" v-if="shouldHide('week')">
         <crontab-week
           @update="updateContabValue"
           :check="checkNumber"
@@ -54,7 +54,7 @@
         />
       </el-tab-pane>
 
-      <el-tab-pane :label="$t('schedule.cron.years')" v-if="shouldHide('year')">
+      <el-tab-pane name="year" :label="$t('schedule.cron.years')" v-if="shouldHide('year')">
         <crontab-year @update="updateContabValue"
                       :check="checkNumber"
                       :cron="contabValueObj"
@@ -142,6 +142,7 @@
           week: "?",
           year: "",
         },
+        activeName: 'hour'
       };
     },
     props: ["expression", "hideComponent"],
@@ -319,9 +320,9 @@
         // 还原选择项
         // ("准备还原");
         this.contabValueObj = {
-          second: "*",
-          min: "*",
-          hour: "*",
+          second: "0",
+          min: "0",
+          hour: "0/1",
           day: "*",
           mouth: "*",
           week: "?",
@@ -369,6 +370,7 @@
     },
     mounted: function() {
       this.resolveExp();
+      this.activeName = 'hour';
     },
   };
 </script>