feat: alert-rule的导入、导入撤销、导出、模板下载

nezha-fronted/src/components/common/exportXLSX.vue

@@ -133,6 +133,8 @@
           url = "/asset/cancelImport";
         } else if (this.importUrl.indexOf("endpoint") > -1) {
           url = "/endpoint/cancelImport";
+        } else if (this.importUrl.indexOf("rule") > -1) {
+          url = "/alert/rule/cancelImport";
         }
         this.$delete(url + '?seq='+this.importResult.seq).then(response=>{
           if(response.code ==  200 ){
@@ -182,9 +184,9 @@
         let url=null;
         if (this.importUrl.indexOf("asset") > -1) {
           url = "/asset/template";
-        } /*else if (this.importUrl.indexOf("endpoint") > -1) {
-          url = "/endpoint/template";
-        }*/
+        } else if (this.importUrl.indexOf("rule") > -1) {
+          url = "/alert/rule/template";
+        }
 
         let param={language:language}
         if(!url){

nezha-fronted/src/components/page/alert/config.vue

@@ -12,10 +12,21 @@
           <div class="top-tool-search float-right">
             <search-input :searchMsg="searchMsg" @search="search" :inTransform="bottomBox.inTransform"></search-input>
           </div>
-          <button id="alert-add" @click="add"  :title="$t('overall.createAlertRule')"
-                  class="nz-btn nz-btn-size-normal nz-btn-style-light margin-l-20">
-            <i class="nz-icon-create-square nz-icon"></i>
-          </button>
+          <export-excel
+            export-file-name="AlertRule"
+            export-url="/alert/rule/export"
+            import-url="/alert/rule/import"
+            :params="searchLabel"
+            @afterImport="getTableData"
+            class="margin-l-20"
+          >
+            <template slot="optionZone">
+              <button id="alert-add" @click="add"  :title="$t('overall.createAlertRule')"
+                      class="nz-btn nz-btn-size-normal nz-btn-style-light">
+                <i class="nz-icon-create-square nz-icon"></i>
+              </button>
+            </template>
+          </export-excel>
         </div>
         <div class="pagination-top pagination-top-hide display-none"></div>
       </div>
@@ -107,9 +118,13 @@
 </template>
 <script>
   import bus from '../../../libs/bus';
+  import exportXLSX from "../../common/exportXLSX";
   import chartDataFormat from "../../charts/chartDataFormat";
   export default {
     name: "alert-config",
+    components: {
+      'export-excel': exportXLSX,
+    },
     data() {
       return {
         //侧滑