Merge branch 'ww' into 'main'

feat: report export add not fond data placeholder

See merge request huang/yun-teng-iot-front!375

@@ -39,7 +39,12 @@
                 </Select>
               </div>
               <div>
-                <div :id="`chart-${item.device}`" :style="{ height, width }"></div>
+                <Empty v-show="notFoundData" />
+                <div
+                  v-show="!notFoundData"
+                  :id="`chart-${item.device}`"
+                  :style="{ height, width }"
+                ></div>
               </div>
             </div>
           </div>
@@ -58,7 +63,7 @@
   import { exportViewChartApi } from '/@/api/export/exportManager';
   import moment from 'moment';
   import { ExecuteReportRecord } from '/@/api/export/model/exportModel';
-  import { Select, Spin } from 'ant-design-vue';
+  import { Select, Spin, Empty } from 'ant-design-vue';
 
   interface ResponsData {
     attr: string;
@@ -84,6 +89,8 @@
     { device: string; name: string; attributes: string[]; active?: string }[]
   >([]);
 
+  const notFoundData = ref(false);
+
   const chartsInstance = shallowReactive<{ [key: string]: echarts.ECharts }>({});
   //生成随机颜色
   let getRandomColor = function () {
@@ -149,6 +156,7 @@
           };
 
           const result = await exportViewChartApi(device, sendParams);
+          validateHasData(result);
           const { xAxisData, series } = getChartsOption(result as unknown as ResponsData);
 
           await nextTick();
@@ -249,6 +257,7 @@
     try {
       loading.value = true;
       const result = await exportViewChartApi(device, sendParams);
+      validateHasData(result);
       const { xAxisData, series } = getChartsOption(result as unknown as ResponsData);
 
       chartsInstance[device].setOption({
@@ -261,6 +270,14 @@
     }
   };
 
+  const validateHasData = (record: Recordable) => {
+    notFoundData.value = false;
+    const { val = [], attr } = (record as unknown as ResponsData) || {};
+    if (!attr || !val.length) {
+      notFoundData.value = true;
+    }
+  };
+
   const handleChangeChars = (value: string, device: string) => {
     renderCharts(device, value);
   };