教学伴奏导出

1

src/views/accompaniment/index.vue

@@ -123,8 +123,15 @@
         <el-form-item>
           <el-button @click="submit" type="primary">搜索</el-button>
           <el-button @click="reset" type="danger">重置</el-button>
+                  <el-button
+            @click="onExport"
+            type="primary"
+            v-permission="'export/exportMusicScoreList'"
+            >导出</el-button
+          >
         </el-form-item>
       </saveform>
+
       <el-table
         style="width: 100%"
         :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
@@ -373,6 +380,9 @@ import { vaildTeachingUrl } from "@/utils/validate";
 import { getToken } from "@/utils/auth";
 import deepClone from "@/helpers/deep-clone/";
 import Tooltip from "@/components/Tooltip/index";
+import { Export } from "@/utils/downLoadFile";
+import qs from "qs";
+import cleanDeep from "clean-deep";
 export default {
   name: "accompaniment",
   components: {
@@ -385,7 +395,7 @@ export default {
     return {
       parts: [],
       selectPart: 0,
-      tabName: 'first',
+      tabName: "first",
       type: "",
       activeUrl: "",
       songUseType,
@@ -434,11 +444,14 @@ export default {
   },
   async mounted() {
     const { query, params } = this.$route;
-      await this.FetchTree();
+    await this.FetchTree();
     if (params.categoriesId) {
       // console.log(this.tree)
       // console.log(this.formatParentId(params.categoriesId, this.tree))
-      this.searchForm.categoriesId = this.formatParentId(params.categoriesId, this.tree);
+      this.searchForm.categoriesId = this.formatParentId(
+        params.categoriesId,
+        this.tree
+      );
     }
     this.$store.dispatch("setSubjects");
     this.$store.dispatch("setBranchs");
@@ -469,15 +482,18 @@ export default {
       try {
         const res = await queryTree();
         this.tree = res.data;
-        this.formatTree(this.tree)
+        this.formatTree(this.tree);
       } catch (error) {}
     },
-    formatTree(data){
-      for(let i of data) {
-        if(i.sysMusicScoreCategoriesList && i.sysMusicScoreCategoriesList.length > 0) {
-          this.formatTree(i.sysMusicScoreCategoriesList, i)
+    formatTree(data) {
+      for (let i of data) {
+        if (
+          i.sysMusicScoreCategoriesList &&
+          i.sysMusicScoreCategoriesList.length > 0
+        ) {
+          this.formatTree(i.sysMusicScoreCategoriesList, i);
         } else {
-          i.sysMusicScoreCategoriesList = null
+          i.sysMusicScoreCategoriesList = null;
         }
       }
     },
@@ -508,32 +524,39 @@ export default {
       this.FetchList();
     },
     getPartListNames(xml) {
-      if (!xml) return []
-      const xmlParse = new DOMParser().parseFromString(xml, 'text/xml')
-      const partList = xmlParse.getElementsByTagName('part-list')?.[0]?.getElementsByTagName('score-part') || []
-      const partListNames = Array.from(partList).map(item => item.getElementsByTagName('part-name')?.[0].textContent || '')
-      this.xmlFirstSpeed = xmlParse.getElementsByTagName('per-minute')?.[0]?.textContent || ''
-      return partListNames
+      if (!xml) return [];
+      const xmlParse = new DOMParser().parseFromString(xml, "text/xml");
+      const partList =
+        xmlParse
+          .getElementsByTagName("part-list")?.[0]
+          ?.getElementsByTagName("score-part") || [];
+      const partListNames = Array.from(partList).map(
+        (item) => item.getElementsByTagName("part-name")?.[0].textContent || ""
+      );
+      this.xmlFirstSpeed =
+        xmlParse.getElementsByTagName("per-minute")?.[0]?.textContent || "";
+      return partListNames;
     },
     async looker(row, num) {
       try {
-        this.selectPart = 0
-        const res = await fetch(row.xmlUrl)
-        const text = await res.text()
-        this.parts = this.getPartListNames(text)
+        this.selectPart = 0;
+        const res = await fetch(row.xmlUrl);
+        const text = await res.text();
+        this.parts = this.getPartListNames(text);
       } catch (error) {
-        this.parts = []
-        this.selectPart = 0
+        this.parts = [];
+        this.selectPart = 0;
       }
       this.accompanyUrl =
         vaildTeachingUrl() +
         "/accompany?Authorization=" +
         getToken() +
-        "&platform=web&isOpenMetronome="+ num +"#/detail/" +
+        "&platform=web&isOpenMetronome=" +
+        num +
+        "#/detail/" +
         row.id;
       this.lookVisible = true;
 
-
       // this.$nextTick(() => {
       //   console.log(this.$refs.iframe)
       //   let iframe = this.$refs.iframe
@@ -567,8 +590,8 @@ export default {
     },
     async transcod(row) {
       try {
-       const res = await Transcod(row)
-       console.log(res)
+        const res = await Transcod(row);
+        console.log(res);
       } catch (error) {}
     },
     open(type) {
@@ -589,6 +612,25 @@ export default {
     changeCategor(e) {
       this.$refs.myCascader.dropDownVisible = false;
     },
+    onExport() {
+      let { categoriesId, organId, ...search } = deepClone(this.searchForm);
+      Export(
+        this,
+        {
+          url: "/api-web/export/exportMusicScoreList",
+          params: {
+            ...search,
+            categoriesId:
+              categoriesId && categoriesId.length > 0
+                ? categoriesId.pop()
+                : null,
+          },
+          fileName: `教学伴奏导出.xls`,
+          method: "get",
+        },
+        "确定导出教学伴奏"
+      );
+    },
   },
 };
 </script>
@@ -613,7 +655,7 @@ export default {
 <style lang="less" scoped>
 /deep/.el-dropdown {
   margin-right: 10px;
-  color: #14928A;
+  color: #14928a;
 }
 .remark {
   display: inline;