pref:报表查看没数据显示

@@ -39,11 +39,11 @@
                 </Select>
                 </Select>
               </div>
               </div>
               <div>
               <div>
-                <Empty v-show="notFoundData" />
+                <Empty v-show="item.emptyFlag" />
                 <div
                 <div
-                  v-show="!notFoundData"
+                  v-show="!item.emptyFlag"
                   :id="`chart-${item.device}`"
                   :id="`chart-${item.device}`"
-                  :style="{ height, width }"
+                  style="width: 100%; height: 400px"
                 ></div>
                 ></div>
               </div>
               </div>
             </div>
             </div>
@@ -86,7 +86,7 @@
   let currentRecord: ExecuteReportRecord = {} as unknown as ExecuteReportRecord;
   let currentRecord: ExecuteReportRecord = {} as unknown as ExecuteReportRecord;
 
 
   const chartInstance = ref<
   const chartInstance = ref<
-    { device: string; name: string; attributes: string[]; active?: string }[]
+    { device: string; name: string; attributes: string[]; active?: string; emptyFlag?: boolean }[]
   >([]);
   >([]);
 
 
   const notFoundData = ref(false);
   const notFoundData = ref(false);
@@ -257,6 +257,15 @@
     try {
     try {
       loading.value = true;
       loading.value = true;
       const result = await exportViewChartApi(device, sendParams);
       const result = await exportViewChartApi(device, sendParams);
+      chartInstance.value.forEach((f) => {
+        if (f.device === device) {
+          if (Object.keys(result).length === 0) {
+            f.emptyFlag = true;
+          } else {
+            f.emptyFlag = false;
+          }
+        }
+      });
       validateHasData(result);
       validateHasData(result);
       const { xAxisData, series } = getChartsOption(result as unknown as ResponsData);
       const { xAxisData, series } = getChartsOption(result as unknown as ResponsData);
 
 
@@ -272,15 +281,10 @@
 
 
   const validateHasData = (record: Recordable) => {
   const validateHasData = (record: Recordable) => {
     notFoundData.value = true;
     notFoundData.value = true;
-    if (Object.keys(record).length === 0) {
-      notFoundData.value = true;
-    } else {
+    const { val = [], attr } = (record as unknown as ResponsData) || {};
+    if (!attr || !val.length) {
       notFoundData.value = false;
       notFoundData.value = false;
     }
     }
-    // const { val = [], attr } = (record as unknown as ResponsData) || {};
-    // if (!attr || !val.length) {
-    //   notFoundData.value = false;
-    // }
   };
   };
 
 
   const handleChangeChars = (value: string, device: string) => {
   const handleChangeChars = (value: string, device: string) => {