添加管乐团

src/api/cloudPractice.api.ts

@@ -61,9 +61,9 @@ export const queryPage2_gyt = (data: any) => {
  */
 export const queryTree_klx = (data?: any) => {
    return httpAxios_klx.axioseRquest({
-      method: "post",
+      method: "get",
       url: "/api-teacher/tenantGroupAlbum/buyAlbumInfo",
-      data: data
+      params: data
    })
 }
 

src/views/cloudPractice/cloudPractice.tsx

@@ -81,7 +81,7 @@ export default defineComponent({
       const activeItem = computed(() => {
          const list = state.list[state.listActive] || {}
          const mp3 = {
-            GYT: list?.metronomeUrl || list?.audioFileUrl,
+            GYT: list?.audioFileUrl,
             GYM: list?.musicSheetType === "CONCERT" ? list?.metronomeUrl : list?.metronomeMp3Url || list?.mp3Url,
             KLX: ""
          }
@@ -269,6 +269,7 @@ export default defineComponent({
             musicSubject: state.subjectId === -1 ? null : state.subjectId,
             musicSheetCategoriesId: state.typeId === -1 ? state.levelId : state.typeId,
             keyword: state.queryStr,
+            detailFlag: true,
             status: 1
          }
          console.log(state.typeId, state.levelId, "level")
@@ -306,7 +307,7 @@ export default defineComponent({
          }).then(res => {
             loading.value = false
             if (res.code === 200) {
-               storeData.value = res.data || []
+               state.categoryList = res.data || []
 
                setDefaultData()
             }
@@ -316,14 +317,14 @@ export default defineComponent({
       const handleGetSubject_klx = async () => {
          loading.value = true
          await httpAjaxErrMsg(querySubjectIds_klx, {
-            enableFlag: true,
+            queryType: "list",
             page: 1,
             rows: 100
          }).then(res => {
             loading.value = false
             if (res.code === 200) {
-               const result = res.data || []
-
+               const result = res.data?.rows || []
+               console.log(res, "res")
                state.subjectList = result.map((item: any) => {
                   return {
                      label: item.name,
@@ -530,23 +531,23 @@ export default defineComponent({
       }
 
       const initCategories_klx = (type?: "first" | "category" | "level" | "type") => {
-         // if (storeData.value.length > 0 && !["level", "type"].includes(type as any)) {
-         //    let result: any = []
-         //    if (type === "first" && state.firstTreeId) {
-         //       result = storeData.value.find((item: any) => item.id === state.firstTreeId)?.musicSheetCategoriesList || []
-         //    } else {
-         //       state.firstTreeId = storeData.value[0]?.id
-         //       result = storeData.value[0]?.musicSheetCategoriesList || []
-         //    }
-         //    console.log(result, "result -----")
-         //    state.levelList = result.map((item: any) => {
-         //       return {
-         //          label: item.name,
-         //          value: item.id,
-         //          musicSheetCategoriesList: item.musicSheetCategoriesList || []
-         //       }
-         //    })
-         // }
+         if (state.categoryList.length > 0 && !["level", "type"].includes(type as any)) {
+            let result: any = []
+            if (type === "category" && state.categoryId) {
+               result = state.categoryList.find((item: any) => item.id === state.categoryId)?.musicSheetCategoriesList || []
+            } else {
+               state.categoryId = state.categoryList[0]?.id
+               result = state.categoryList[0]?.musicSheetCategoriesList || []
+            }
+            console.log(result, "result -----")
+            state.levelList = result.map((item: any) => {
+               return {
+                  label: item.name,
+                  value: item.id,
+                  musicSheetCategoriesList: item.musicSheetCategoriesList || []
+               }
+            })
+         }
          // if (state.levelList.length > 0) {
          //    let result: any = []
          //    if (type === "level" && state.levelId) {

src/views/cloudPractice/index.module.scss

@@ -211,8 +211,8 @@
       }
 
       .queryCp {
-         margin: 12px 30px 0 !important;
-         width: calc(100% - 60px) !important;
+         margin: 12px 20px 0 !important;
+         width: calc(100% - 40px) !important;
          // margin-top: 12px;
          background: #fff3d7 !important;
          .el-input__wrapper {
@@ -371,10 +371,10 @@
    .leftArrow {
       position: absolute;
       top: 245px;
-      left: -17px;
+      left: -15px;
       display: inline-block;
-      width: 28px;
-      height: 28px;
+      width: 32px;
+      height: 32px;
       background: #ffffff;
       border-radius: 6px;
       transform: rotate(45deg);