自定义分析添加清除格联调

src/assets/js/constants/echarts-config/scatter.js

@@ -18,7 +18,7 @@ export const option = {
   toolbox: {
     feature: {
       dataView: { show: true, readOnly: false },
-      magicType: { show: true, type: ["line", "bar"] },
+      // magicType: { show: true, type: ["line", "bar"] },
       restore: { show: true },
       saveAsImage: { show: true },
     },

src/views/laserRangeFinder/components/MultilevelTable.vue

@@ -1,13 +1,13 @@
 <!--
  * @Author: your name
  * @Date: 2024-12-09 16:41:31
- * @LastEditTime: 2024-12-13 15:39:45
+ * @LastEditTime: 2024-12-16 09:45:59
  * @LastEditors: bogon
  * @Description: In User Settings Edit
  * @FilePath: /performance-test/src/views/laserRangeFinder/components/MultilevelTable.vue
 -->
 <template>
-  <el-table :data="tableData">
+  <el-table :data="tableData" id="Table1">
     <el-table-column type="index" label="序号" width="60"> </el-table-column>
     <el-table-column prop="acquisitionTime" label="时间" min-width="160">
     </el-table-column>
@@ -81,11 +81,33 @@
 </template>
 
 <script>
+import * as FileSaver from "file-saver";
+import * as XLSX from "xlsx";
 export default {
   props: {
     windName: "",
     windTurbineName: "",
     tableData: [],
   },
+  methods: {
+    //表格导出方法
+    outputFile() {
+      var ws1 = XLSX.utils.table_to_book(document.querySelector("#Table1")); //对应要导出的表格id
+      var wbOut = XLSX.write(ws1, {
+        bookType: "xlsx",
+        bookSST: true,
+        type: "array",
+      });
+      try {
+        FileSaver.saveAs(
+          new Blob([wbOut], { type: "application/octet-stream" }),
+          "TableAllData.xlsx"
+        );
+      } catch (e) {
+        if (typeof console !== "undefined") console.log(e, wbOut);
+      }
+      return wbOut;
+    },
+  },
 };
 </script>

src/views/laserRangeFinder/index.vue

@@ -162,6 +162,7 @@
             </span>
             <div>
               <MultilevelTable
+                ref="multilevelTable"
                 :windName="windName"
                 :windTurbineName="windTurbineName"
                 :tableData="tableData"
@@ -186,7 +187,7 @@ import InitCharts from "./components/initCharts.vue";
 import CylinderOfTower from "./components/CylinderOfTower.vue";
 import PlotOfFit from "./components/PlotOfFit.vue";
 import axios from "axios";
-//
+
 export default {
   data() {
     return {
@@ -334,7 +335,11 @@ export default {
       return selectedOption ? selectedOption.engineName : "";
     },
     onSubmit() {
-      console.log("事件触发了");
+      if (this.tableData.length > 0) {
+        this.$refs.multilevelTable.outputFile();
+      } else {
+        this.$message.warning("请先查询到想要的数据范围后再进行导出");
+      }
     },
   },
 };

src/views/performance/components/custonAsCom/dragChart/components/chartConfig/form/chartTitle.vue

@@ -611,6 +611,7 @@
               v-model="formFilterAlign[filterInd].filters"
               placeholder="请选择数据"
               multiple
+              clearable
               collapse-tags
               class="filterMutiple"
             >
@@ -632,6 +633,7 @@
           </el-form-item>
           <el-form-item label="显示值满足以下条件">
             <el-select
+              clearable
               v-model="formFilterAlign[filterInd].filterType1"
               placeholder="请选择"
             >
@@ -644,6 +646,7 @@
               </el-option>
             </el-select>
             <el-input
+              clearable
               v-model="formFilterAlign[filterInd].number1"
               type="number"
             ></el-input>
@@ -654,6 +657,7 @@
               >且</el-radio
             >
             <el-select
+              clearable
               v-model="formFilterAlign[filterInd].filterType2"
               placeholder="请选择"
             >
@@ -666,6 +670,7 @@
               </el-option>
             </el-select>
             <el-input
+              clearable
               v-model="formFilterAlign[filterInd].number2"
               type="number"
             ></el-input>