问题修改

src/views/music-library/music-sheet/component/music-list.tsx

@@ -39,7 +39,7 @@ import MusicCreateImg from '../modal/music-create-img'
 
 export default defineComponent({
   name: 'music-list',
-  props: ['searchId'],
+  props: ['searchId','musicCategoryId'],
   setup(props, { emit }) {
     const dialog = useDialog()
     const message = useMessage()
@@ -478,6 +478,10 @@ export default defineComponent({
       if (props.searchId) {
         state.searchForm.categoriesId = props.searchId || null
       }
+      if (props.musicCategoryId) {
+        state.searchForm.musicCategoryId = props.musicCategoryId || null
+      }
+
 
       initSubjectList()
       initUseAppList()

src/views/music-library/music-sheet/component/music-sheet-categories-list.tsx

@@ -10,6 +10,7 @@ import {
 import { defineComponent, onMounted, reactive } from 'vue'
 import { musicSheetCategoriesQueryTree, musicSheetCategoriesRemove } from '@views/music-library/api'
 import SaveCategroyDialog from '@views/music-library/music-sheet/modal/save-categroy-dialog'
+import {getOwnerName} from "@views/music-library/musicUtil";
 
 type RowData = {
   id: string
@@ -23,7 +24,8 @@ type RowData = {
 export default defineComponent({
   emits: ['setTabName'],
   name: 'music-category',
-  setup() {
+  emits: ['jump'],
+  setup(props, { slots, attrs, emit }) {
     const state = reactive({
       loading: false,
       pagination: {
@@ -56,6 +58,9 @@ export default defineComponent({
       getList()
     })
 
+    const jump = (param:any) => {
+      emit('jump' as any, param)
+    }
     const columns = (): DataTableColumn[] => {
       return [
         {
@@ -68,7 +73,21 @@ export default defineComponent({
         },
         {
           title: '曲目数量',
-          key: 'musicSheetNum'
+          key: 'musicSheetNum',
+          render(row: any) {
+            return <div>
+              <NButton
+                  onClick={() => {
+                    jump({
+                      tabName:'MusicList',
+                      musicCategoryId:row.id
+                    })
+                  }}
+              >
+                {row.musicSheetNum}
+              </NButton>
+              </div>
+          }
         },
         {
           title: '最后更新时间',

src/views/music-library/music-sheet/index.tsx

@@ -10,7 +10,8 @@ export default defineComponent({
   setup() {
     const state = reactive({
       tabName: 'MusicList' as 'MusicList' | 'TagList' | 'CategroryList',
-      searchId: null
+      searchId: null,
+      musicCategoryId: null,
     })
     const route = useRoute()
     getTabsCache((val: any) => {
@@ -39,14 +40,20 @@ export default defineComponent({
                 <NTabPane name="MusicList" tab="曲目列表"
                     //v-auth="musicSheet/page1602301588206350338"
                 >
-                  <MusicList searchId={state.searchId}/>
+                  <MusicList searchId={state.searchId} musicCategoryId ={state.musicCategoryId}/>
                 </NTabPane>
                 <NTabPane
                     name="CategroryList"
                     tab="曲目分类管理"
                     //v-auth="/musicCategrory1607664813521346561"
                 >
-                  <MusicSheetCategoriesList onSetTabName={setTabName}/>
+                  <MusicSheetCategoriesList
+                      // onSetTabName={setTabName}
+                      onJump={(param: any) => {
+                        state.tabName = param.tabName
+                        state.musicCategoryId = param.musicCategoryId
+                      }}
+                  />
                   {/*<TagList />*/}
                 </NTabPane>
               </NTabs>