diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/backupsBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/backupsBox.scss
index d525e0e9f..19bbc09f6 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/backupsBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/backupsBox.scss
@@ -25,9 +25,19 @@
       .el-tabs--card>.el-tabs__content{
         display: none;
       }
+      .check_box{
+        .el-form-item__content{
+          .el-checkbox-button{
+            width: calc(100% / 7);
+            .el-checkbox-button__inner{
+              width: 100%;
+            }
+          }
+        }
+      }
       .start_at{
         .el-form-item__content{
-          .el-date-editor:first{
+          .el-date-editor--date{
             margin-right: 20px;
           }
         }
diff --git a/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue b/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue
index 224df248d..fc8af4507 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue
@@ -1,8 +1,5 @@
 <template>
-  <div
-    v-clickoutside="{ obj: editBackup, func: esc }"
-    class="right-box "
-  >
+  <div v-clickoutside="{ obj: editBackup, func: esc }" class="right-box">
     <div class="right-box__header">
       <div class="header__title">{{ editBackup.name }}</div>
       <div class="header__operation">
@@ -33,7 +30,12 @@
               <el-tab-pane label="Monthly" name="4"> </el-tab-pane>
             </el-tabs>
           </el-form-item>
-          <el-form-item label="Start at" prop="datepicker" v-if="whoshow" class="start_at">
+          <el-form-item
+            label="Start at"
+            prop="datepicker"
+            v-if="whoshow"
+            class="start_at"
+          >
             <my-date-picker
               v-model="editBackup.datepicker[0]"
               type="date"
@@ -57,7 +59,7 @@
             v-if="whoshow !== 2 ? true : false"
           >
             <el-switch
-            class="switch"
+              class="switch"
               v-model="editBackup.status"
               @change="statusChange"
             >
@@ -67,7 +69,7 @@
             label="Every day of the months"
             prop="checkDays"
             v-if="whoshow === 4 ? true : false"
-            style=""
+            class="check-month_box"
           >
             <el-checkbox-group
               v-model="editBackup.checkDays"
@@ -161,88 +163,86 @@
 </template>
 
 <script>
-import bus from '@/libs/bus'
-import { put } from '@/http'
+import bus from "@/libs/bus";
+import { put } from "@/http";
+import { arrLength } from "@/components/common/js/validate";
 
 export default {
-  name: 'backupsBox',
+  name: "backupsBox",
   props: {
     obj: {
-      type: Object
-    }
+      type: Object,
+    },
   },
-  data () {
+  data() {
     return {
       editBackup: {
-        status: '',
+        status: "",
         checkDays: [],
         checkDay: [],
-        timepicker: '',
-        datepicker: '',
-        retention: '',
-        state: '',
+        timepicker: "",
+        datepicker: "",
+        retention: "",
+        state: "",
         schedule: {
-          repeat: '',
-          stime: '',
-          type: '',
-          nums: []
-        }
+          repeat: "",
+          stime: "",
+          type: "",
+          nums: [],
+        },
       },
-      whoshow: '',
-      activeName: '',
-      dateFormatStr: localStorage.getItem('nz-default-dateFormat') ? localStorage.getItem('nz-default-dateFormat') : 'YYYY-MM-DD HH:ss:mm',
+      whoshow: "",
+      activeName: "",
+      dateFormatStr: localStorage.getItem("nz-default-dateFormat")
+        ? localStorage.getItem("nz-default-dateFormat")
+        : "YYYY-MM-DD HH:ss:mm",
       rules: {
         type: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'change'
-          }
+            message: this.$t("validate.required"),
+            trigger: "change",
+          },
         ],
         datepicker: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'change'
-          }
+            message: this.$t("validate.required"),
+            trigger: "change",
+          },
         ],
         checkDays: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'change'
-          }
+            message: this.$t("validate.required"),
+            trigger: "change",
+          },
+          { validator: arrLength, trigger: "blur" },
         ],
         retention: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: ['blur', 'change']
-          }
+            message: this.$t("validate.required"),
+            trigger: ["blur", "change"],
+          },
         ],
         Status: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'change'
-          }
+            message: this.$t("validate.required"),
+            trigger: "change",
+          },
         ],
         repeat: [
           {
             required: true,
-            message: this.$t('validate.required'),
-            trigger: 'blur'
-          }
+            message: this.$t("validate.required"),
+            trigger: "blur",
+          },
         ],
-        checkDay: [
-          {
-            required: true,
-            message: this.$t('validate.required'),
-            trigger: 'change'
-          }
-        ]
+        checkDay: [{ validator: arrLength, trigger: "blur" }],
       },
-      week: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+      week: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
       month: [
         1,
         2,
@@ -275,236 +275,238 @@ export default {
         29,
         30,
         31,
-        'Last'
-      ]
-    }
+        "Last",
+      ],
+    };
   },
 
   components: {},
 
   computed: {},
 
-  created () {
-    const dateFormatStr = localStorage.getItem('nz-default-dateFormat')
+  created() {
+    const dateFormatStr = localStorage.getItem("nz-default-dateFormat");
     if (dateFormatStr) {
-      this.dateFormatStr = dateFormatStr.split(' ')[0]
+      this.dateFormatStr = dateFormatStr.split(" ")[0];
     } else {
-      this.dateFormatStr = 'YYYY-MM-DD'
+      this.dateFormatStr = "YYYY-MM-DD";
     }
   },
 
-  beforeMount () {},
+  beforeMount() {},
 
-  mounted () {
-  },
+  mounted() {},
 
   methods: {
-
-    changeCheck (item) {
+    changeCheck(item) {
       if (this.editBackup.type == 3) {
-        const nums = []
-        this.editBackup.nums = []
+        const nums = [];
+        this.editBackup.nums = [];
         for (const i in this.editBackup.checkDay) {
-          nums.push(Number(this.editBackup.checkDay[i]) + 1)
+          nums.push(Number(this.editBackup.checkDay[i]) + 1);
         }
-        console.log(nums)
-        this.editBackup.nums = nums
+        console.log(nums);
+        this.editBackup.nums = nums;
       } else if (this.editBackup.type == 4) {
-        const nums = []
-        this.editBackup.nums = []
+        const nums = [];
+        this.editBackup.nums = [];
         this.editBackup.checkDays.forEach((e, i) => {
           if (e === 31) {
-            nums.push(-1)
+            nums.push(-1);
           } else {
-            nums.push(Number(this.editBackup.checkDays[i]) + 1)
+            nums.push(Number(this.editBackup.checkDays[i]) + 1);
           }
-        })
-        console.log(nums)
-        this.editBackup.nums = nums
+        });
+        console.log(nums);
+        this.editBackup.nums = nums;
       }
-      this.$forceUpdate()
+      this.$forceUpdate();
     },
-    statusChange (item) {
-      this.$forceUpdate()
-      console.log(item)
+    statusChange(item) {
+      this.$forceUpdate();
+      console.log(item);
       if (item) {
-        this.editBackup.state = 1
-        this.$emit('statechange', true)
+        this.editBackup.state = 1;
+        this.$emit("statechange", true);
       } else {
-        this.editBackup.state = 0
-        this.$emit('statechange', false)
+        this.editBackup.state = 0;
+        this.$emit("statechange", false);
       }
     },
-    save () {
-      console.log(this.editBackup)
+    save() {
+      this.$refs.backupsForm.validate((valid) => {
+        if (valid) {
+          console.log(this.editBackup);
 
-      this.editBackup.stime = this.editBackup.datepicker.join(' ')
-      this.editBackup.stime = this.timezoneToUtcTime(this.editBackup.stime) // 将本地时间转 utc时间
-      put('/sys/backup', {
-        state: Number(this.editBackup.state),
-        schedule: {
-          type: Number(this.editBackup.type),
-          stime: this.editBackup.stime,
-          repeat: Number(this.editBackup.repeat),
-          nums: this.editBackup.nums
-        },
-        retention: Number(this.editBackup.retention)
-      }).then((res) => {
-        if (res.code === 200) {
-          this.esc(true)
+          this.editBackup.stime = this.editBackup.datepicker.join(" ");
+          this.editBackup.stime = this.timezoneToUtcTime(this.editBackup.stime); // 将本地时间转 utc时间
+          put("/sys/backup", {
+            state: Number(this.editBackup.state),
+            schedule: {
+              type: Number(this.editBackup.type),
+              stime: this.editBackup.stime,
+              repeat: Number(this.editBackup.repeat),
+              nums: this.editBackup.nums,
+            },
+            retention: Number(this.editBackup.retention),
+          }).then((res) => {
+            if (res.code === 200) {
+              this.esc(true);
+            }
+          });
         }
-      })
+      });
     },
-    inputchange (n) {
-      this.$forceUpdate()
+    inputchange(n) {
+      this.$forceUpdate();
     },
-    datasourceChange (tab) {
-      console.log(tab.name)
+    datasourceChange(tab) {
+      console.log(tab.name);
       switch (tab.name) {
-        case '2':
-          this.whoshow = 2
-          break
-        case '1':
-          this.whoshow = 1
-          break
-        case '3':
-          this.whoshow = 3
-          break
-        case '4':
-          this.whoshow = 4
-          break
+        case "2":
+          this.whoshow = 2;
+          break;
+        case "1":
+          this.whoshow = 1;
+          break;
+        case "3":
+          this.whoshow = 3;
+          break;
+        case "4":
+          this.whoshow = 4;
+          break;
       }
-      console.log(this.whoshow)
-      console.log(this.editBackup)
-      this.$forceUpdate()
+      console.log(this.whoshow);
+      console.log(this.editBackup);
+      this.$forceUpdate();
     },
-    clickOutside () {
-      this.esc(false)
+    clickOutside() {
+      this.esc(false);
     },
     /* 关闭弹框 */
-    esc (refresh) {
-      this.$emit('close', refresh)
-    }
+    esc(refresh) {
+      this.$emit("close", refresh);
+    },
   },
 
   watch: {
     obj: {
       deep: true,
       immediate: true,
-      handler (n) {
+      handler(n) {
         //   debugger
-        console.log(n)
-        this.editBackup = JSON.parse(JSON.stringify(n))
-        this.editBackup.checkDay = []
-        this.editBackup.checkDays = []
-        this.editBackup.type = this.editBackup.type + ''
-        const stime1 = this.utcTimeToTimezoneStr(this.editBackup.stime)
-        const stime = this.utcTimeToTimezone(this.editBackup.stime)
-        const time = stime1.split(' ')
-        time[0] = stime
-        this.$set(this.editBackup, 'datepicker', time)
-        console.log('obj', this.editBackup)
+        console.log(n);
+        this.editBackup = JSON.parse(JSON.stringify(n));
+        this.editBackup.checkDay = [];
+        this.editBackup.checkDays = [];
+        this.editBackup.type = this.editBackup.type + "";
+        const stime1 = this.utcTimeToTimezoneStr(this.editBackup.stime);
+        const stime = this.utcTimeToTimezone(this.editBackup.stime);
+        const time = stime1.split(" ");
+        time[0] = stime;
+        this.$set(this.editBackup, "datepicker", time);
+        console.log("obj", this.editBackup);
         if (this.editBackup.state == 1) {
-          this.editBackup.status = true
-          this.$emit('statechange', true)
+          this.editBackup.status = true;
+          this.$emit("statechange", true);
         } else {
-          this.editBackup.status = false
-          this.$emit('statechange', false)
+          this.editBackup.status = false;
+          this.$emit("statechange", false);
         }
         switch (this.editBackup.type) {
-          case '1':
-            this.activeName = '1'
-            this.whoshow = 1
-            break
-          case '2':
-            this.activeName = '2'
-            this.whoshow = 2
-            break
-          case '3':
-            this.activeName = '3'
-            this.whoshow = 3
-            break
-          case '4':
-            this.activeName = '4'
-            this.whoshow = 4
-            break
+          case "1":
+            this.activeName = "1";
+            this.whoshow = 1;
+            break;
+          case "2":
+            this.activeName = "2";
+            this.whoshow = 2;
+            break;
+          case "3":
+            this.activeName = "3";
+            this.whoshow = 3;
+            break;
+          case "4":
+            this.activeName = "4";
+            this.whoshow = 4;
+            break;
         }
-        const checkdays = []
+        const checkdays = [];
 
-        this.checkDay = []
+        this.checkDay = [];
         if (this.editBackup.type == 3) {
           this.editBackup.nums.forEach((e) => {
-            checkdays.push(e - 1)
+            checkdays.push(e - 1);
             if (e === -1) {
-              checkdays.push(6)
+              checkdays.push(6);
             }
-          })
+          });
           // for (let i in checkdays) {
           //   this.checkDay.push(this.week[i]);
           // }
-          this.$set(this.editBackup, 'checkDay', checkdays)
+          this.$set(this.editBackup, "checkDay", checkdays);
 
           //   this.editBackup.checkDay = checkdays
         } else if (this.editBackup.type == 4) {
           this.editBackup.nums.forEach((e) => {
             if (e === -1) {
-              checkdays.push(31)
+              checkdays.push(31);
             } else {
-              checkdays.push(e - 1)
+              checkdays.push(e - 1);
             }
-          })
-          this.$set(this.editBackup, 'checkDays', checkdays)
+          });
+          this.$set(this.editBackup, "checkDays", checkdays);
         }
-        console.log('editBackupNow', this.editBackup)
+        console.log("editBackupNow", this.editBackup);
         // this.$nextTick(() => {
         //   this.$forceUpdate();
         // });
-        this.$forceUpdate()
-      }
+        this.$forceUpdate();
+      },
     },
-    'editBackup.status': {
+    "editBackup.status": {
       deep: true,
-      handler (n) {
-        console.log(n)
+      handler(n) {
+        console.log(n);
         if (n) {
-          this.editBackup.state = 1
-          this.editBackup.status = n
-          this.$emit('statechange', true)
+          this.editBackup.state = 1;
+          this.editBackup.status = n;
+          this.$emit("statechange", true);
         } else {
-          this.editBackup.state = 0
-          this.editBackup.status = n
-          this.$emit('statechange', false)
+          this.editBackup.state = 0;
+          this.editBackup.status = n;
+          this.$emit("statechange", false);
         }
-      }
+      },
     },
-    'editBackup.checkDay': {
+    "editBackup.checkDay": {
       deep: true,
-      handler (n) {
-        console.log(n)
+      handler(n) {
+        console.log(n);
         n.forEach((e, i) => {
           if (e === 6) {
-            this.editBackup.checkDay[i] = -1
+            this.editBackup.checkDay[i] = -1;
           }
-        })
-        const nums = []
-        this.editBackup.nums = []
+        });
+        const nums = [];
+        this.editBackup.nums = [];
         this.editBackup.checkDay.forEach((e, i) => {
-          nums.push(Number(i) + 1)
-        })
+          nums.push(Number(i) + 1);
+        });
 
-        this.editBackup.nums = nums
-        console.log('checkDay', this.editBackup.checkDay)
-      }
+        this.editBackup.nums = nums;
+        console.log("checkDay", this.editBackup.checkDay);
+      },
     },
-    'editBackup.datepicker': {
+    "editBackup.datepicker": {
       deep: true,
-      handler (n) {
+      handler(n) {
         this.editBackup.datepicker[0] = bus.timeFormate(
           new Date(n[0]),
-          'YYYY-MM-DD'
-        )
-      }
-    }
+          "YYYY-MM-DD"
+        );
+      },
+    },
     // "editBackup.checkDays": {
     //   deep: true,
     //   handler(n) {
@@ -516,8 +518,8 @@ export default {
     //     console.log("checkDays", this.editBackup.checkDays);
     //   },
     // },
-  }
-}
+  },
+};
 </script>
 <style lang='' scoped>
 </style>
diff --git a/nezha-fronted/src/components/common/table/settings/backupsTable.vue b/nezha-fronted/src/components/common/table/settings/backupsTable.vue
index 1e3b298e7..5967d3fba 100644
--- a/nezha-fronted/src/components/common/table/settings/backupsTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/backupsTable.vue
@@ -134,7 +134,8 @@ export default {
       this.$on('getData', (res) => {
         console.log('getdata')
         this.getTableData()
-        window.location.reload()
+      this.$forceUpdate();
+        // window.location.reload()
       })
     },
     async getTableData () {