diff --git a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
index 57a9f2899f..0a9e39ac2a 100644
--- a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
@@ -90,24 +90,32 @@ export default {
   },
   computed: {
     overviewEnable() {
-      let disable = this.report.config && this.report.config.overview.enable === false;
+      let disable = this.report.config
+        && this.report.config.overview && this.report.config.overview.enable === false;
       return !disable;
     },
     summaryEnable() {
-      let disable = this.report.config && this.report.config.summary.enable === false;
+      let disable = this.report.config && this.report.config.summary
+        && this.report.config.summary.enable === false;
       return !disable;
     },
     functionalEnable() {
       let disable = this.report.config && this.report.config.functional.enable === false;
-      return !disable && this.report.functionResult && this.report.functionResult.caseData.length > 0 ;
+      return !disable && this.report.functionResult
+        && this.report.functionResult.caseData && this.report.functionResult.caseData.length > 0 ;
     },
     apiEnable() {
       let disable = this.report.config && this.report.config.api.enable === false;
-      return !disable && this.report.apiResult && (this.report.apiResult.apiCaseData.length > 0 || this.report.apiResult.apiScenarioData.length) > 0;
+      return !disable && this.report.apiResult &&
+        (
+          (this.report.apiResult.apiCaseData && this.report.apiResult.apiCaseData.length  > 0)
+          || (this.report.apiResult.apiScenarioData && this.report.apiResult.apiScenarioData.length > 0)
+        );
     },
     loadEnable() {
       let disable = this.report.config && this.report.config.load.enable === false;
-      return !disable && this.report.loadResult && this.report.loadResult.caseData.length > 0;
+      return !disable && this.report.loadResult
+        && this.report.loadResult.caseData && this.report.loadResult.caseData.length > 0;
     }
   },
   methods: {
diff --git a/frontend/src/business/components/track/plan/view/comonents/report/detail/component/ApiResult.vue b/frontend/src/business/components/track/plan/view/comonents/report/detail/component/ApiResult.vue
index 1b46869294..0f07e1fa64 100644
--- a/frontend/src/business/components/track/plan/view/comonents/report/detail/component/ApiResult.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/detail/component/ApiResult.vue
@@ -62,19 +62,23 @@ export default {
   methods: {
     getCaseCharData() {
       let caseCharData = [];
-      this.apiResult.apiCaseData.forEach(item => {
-        let data = this.getDataByStatus(item.status);
-        data.value = item.count;
-        caseCharData.push(data);
-      });
+      if (this.apiResult.apiCaseData) {
+        this.apiResult.apiCaseData.forEach(item => {
+          let data = this.getDataByStatus(item.status);
+          data.value = item.count;
+          caseCharData.push(data);
+        });
+      }
       this.caseCharData = caseCharData;
 
       let apiScenarioData = [];
-      this.apiResult.apiScenarioData.forEach(item => {
-        let data = this.getDataByStatus(item.status);
-        data.value = item.count;
-        apiScenarioData.push(data);
-      });
+      if (this.apiResult.apiScenarioData) {
+        this.apiResult.apiScenarioData.forEach(item => {
+          let data = this.getDataByStatus(item.status);
+          data.value = item.count;
+          apiScenarioData.push(data);
+        });
+      }
 
       let stepCharData = [];
       for (let i = 0; i < this.apiResult.apiScenarioStepData.length; i++) {