From e0669f38e9cd304b613350c36f0fb199332d50c5 Mon Sep 17 00:00:00 2001
From: likexuan <likexuan@geedgenetworks.com>
Date: Thu, 16 Jun 2022 13:55:45 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1923=20perf=20:=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=97=A7=E7=89=88=E6=9C=AC=E5=BD=93=E4=B8=AD=E7=9A=84=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/rightBox/panelBox.vue   | 50 ++++++++++++++-----
 .../src/components/page/dashboard/panel.vue   | 27 ++++++++--
 2 files changed, 62 insertions(+), 15 deletions(-)

diff --git a/nezha-fronted/src/components/common/rightBox/panelBox.vue b/nezha-fronted/src/components/common/rightBox/panelBox.vue
index 0094a6c81..bda8a1e91 100644
--- a/nezha-fronted/src/components/common/rightBox/panelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/panelBox.vue
@@ -52,7 +52,7 @@
                   <el-form-item
                   :label="$t('backup.start')"
                   class="form-item--half-width"
-                  prop="stime"
+                  prop="param.report.schedule.stime"
                   >
                   <my-date-picker align="right" class=" "
                               v-model="editPanel.param.report.schedule.stime"
@@ -66,7 +66,7 @@
                   <el-form-item
                   :label="$t('dashboard.panel.endAt')"
                   class="form-item--half-width"
-                  prop="etime"
+                  prop="param.report.schedule.etime"
                   >
                      <my-date-picker align="right" class=" "
                             v-model="editPanel.param.report.schedule.etime"
@@ -77,7 +77,7 @@
                             type="datetime">
                          </my-date-picker>
                     </el-form-item>
-                  <el-form-item :label='$t("dashboard.panel.period")' class="range-time" prop="unit">
+                  <el-form-item :label='$t("dashboard.panel.period")' class="range-time" prop="param.report.range.unit">
                     <el-radio-group v-model="editPanel.param.report.range.unit" size="small">
                       <el-radio-button label="day">{{ $t("dashboard.panel.prevDay") }}</el-radio-button>
                       <el-radio-button label="week">{{ $t("dashboard.panel.prevWeek") }}</el-radio-button>
@@ -86,7 +86,7 @@
                     </el-form-item>
             <el-form-item
             :label="$t('backup.schedule')"
-            prop="schType"
+            prop="param.report.schedule.type"
             class="form-tabs">
             <el-tabs
               v-model="editPanel.param.report.schedule.type"
@@ -102,7 +102,7 @@
           <el-form-item
             v-if="isShow === 2 || isShow === 3 ? true :false"
             :label="$t('backup.RepeatEvery')"
-            prop="repeat"
+            prop="param.report.schedule.repeat"
             class="form-day-week">
             <el-input
               size="small"
@@ -144,7 +144,7 @@
                 >{{ item }}</el-checkbox-button>
              </el-checkbox-group>
                 </el-form-item>
-           <el-form-item v-if="isShow !== 0 ? true : false" :label="$t('dashboard.panel.receivers')" class="item-receivers" prop="receivers">
+           <el-form-item :label="$t('dashboard.panel.receivers')" class="item-receivers" prop="param.report.receivers">
              <el-select v-model="editPanel.param.report.receivers" clearable multiple placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="chartType">
                <el-option v-for="item in userData" :key="item.id" :label="item.name" :value="item.id">
                <span class="panel-dropdown-label-txt" >{{item.name}}</span>
@@ -175,6 +175,7 @@
 <script>
 import editRigthBox from '../mixin/editRigthBox'
 import bus from '@/libs/bus'
+import { arrLength, datePicker } from '@/components/common/js/validate'
 export default {
   name: 'panelBox',
   props: {
@@ -192,6 +193,23 @@ export default {
       rules: {
         name: [
           { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        'param.report.range.unit': [
+          { required: true, message: this.$t('validate.required'), trigger: 'change' }
+        ],
+        'param.report.schedule.type': [
+          { required: true, message: this.$t('validate.required'), trigger: 'change' }
+        ],
+        'param.report.schedule.repeat': [
+          { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+        ],
+        'param.report.schedule.stime': [{
+          required: true,
+          message: this.$t('validate.required')
+        }, { validator: datePicker, trigger: 'blur' }],
+        'param.report.receivers': [
+          { required: true, message: this.$t('validate.required'), trigger: 'change' },
+          { validator: arrLength }
         ]
       },
       week: [
@@ -247,8 +265,16 @@ export default {
     if (this.editPanel.id) {
       this.isShow = Number(this.editPanel.param.report.schedule.type)
       this.editPanel.param.report.schedule.type = this.editPanel.param.report.schedule.type + ''
-      this.editPanel.param.report.schedule.stime = this.utcTimeToTimezoneStr(this.editPanel.param.report.schedule.stime)
-      this.editPanel.param.report.schedule.etime = this.utcTimeToTimezoneStr(this.editPanel.param.report.schedule.etime)
+      if (this.editPanel.param.report.schedule.stime !== '') {
+        this.editPanel.param.report.schedule.stime = this.utcTimeToTimezoneStr(this.editPanel.param.report.schedule.stime)
+      } else {
+        this.editPanel.param.report.schedule.stime = ''
+      }
+      if (this.editPanel.param.report.schedule.etime !== '') {
+        this.editPanel.param.report.schedule.etime = this.utcTimeToTimezoneStr(this.editPanel.param.report.schedule.etime)
+      } else {
+        this.editPanel.param.report.schedule.etime = ''
+      }
     }
   },
   mounted () {
@@ -269,7 +295,7 @@ export default {
       this.isShow = Number(tab.name)
       if (this.editPanel.param.report.schedule.nums) {
         this.editPanel.param.report.schedule.nums = []
-        this.editPanel.param.report.schedule.repeat = 0
+        this.editPanel.param.report.schedule.repeat = 1
       }
     },
     /* 关闭弹框 */
@@ -300,9 +326,9 @@ export default {
             schedule: {
               type: Number(this.editPanel.param.report.schedule.type),
               repeat: this.editPanel.param.report.schedule.repeat ? this.editPanel.param.report.schedule.repeat : 1,
-              stime: this.timezoneToUtcTimeStr(this.editPanel.param.report.schedule.stime),
-              etime: this.timezoneToUtcTimeStr(this.editPanel.param.report.schedule.etime),
-              nums: this.editPanel.param.report.schedule.nums
+              nums: this.editPanel.param.report.schedule.nums,
+              stime: this.editPanel.param.report.schedule.stime !== '' ? this.timezoneToUtcTimeStr(this.editPanel.param.report.schedule.stime) : this.editPanel.param.report.schedule.stime,
+              etime: this.editPanel.param.report.schedule.etime !== '' ? this.timezoneToUtcTimeStr(this.editPanel.param.report.schedule.etime) : this.editPanel.param.report.schedule.etime
             },
             receivers: this.editPanel.param.report.receivers
           },
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 5da085efe..3d3c65962 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -198,8 +198,6 @@ export default {
               unit: ''
             },
             schedule: {
-              stime: '',
-              etime: '',
               repeat: 0,
               nums: [],
               type: 0
@@ -392,6 +390,28 @@ export default {
     },
     edit (u) {
       this.panel = Object.assign({}, u)
+      if (!this.panel.param.report) {
+        this.panel = {
+          ...u,
+          param: {
+            report: {
+              enable: false,
+              range: {
+                unit: ''
+              },
+              schedule: {
+                type: '0',
+                repeat: 1,
+                nums: [],
+                stime: '',
+                etime: ''
+              },
+              receivers: []
+            },
+            chartShare: 'none'
+          }
+        }
+      }
       this.rightBox.panel.show = true
     },
     toAdd () {
@@ -414,7 +434,8 @@ export default {
               stime: '',
               etime: '',
               nums: [],
-              type: 0 + ''
+              type: 0 + '',
+              repeat: 1
             }
           },
           chartShare: 'none'