会员

ruoyi-ui/src/views/content/category/index.vue

@@ -109,7 +109,47 @@
     </el-dialog>
 
     <!-- 绑定音乐对话框 -->
-    <el-dialog title="绑定音乐" :visible.sync="bindMusicOpen" width="800px" append-to-body>
+    <el-dialog title="绑定音乐" :visible.sync="bindMusicOpen" width="900px" append-to-body>
+      <!-- 搜索条件 -->
+      <div style="margin-bottom: 15px; display: flex; align-items: center;">
+        <div style="margin-right: 15px; display: flex; align-items: center;">
+          <span style="width: 80px; text-align: right; margin-right: 10px;">音乐类型：</span>
+          <el-select 
+            v-model="musicQueryParams.musicType" 
+            placeholder="音乐类型" 
+            clearable 
+            size="small"
+            style="width: 120px"
+            @change="handleMusicQuery">
+            <el-option label="普通歌曲" value="ordinary"></el-option>
+            <el-option label="混音歌曲" value="mixing"></el-option>
+          </el-select>
+        </div>
+        <div style="margin-right: 15px; display: flex; align-items: center;">
+          <span style="width: 80px; text-align: right; margin-right: 10px;">音乐名称：</span>
+          <el-input
+            v-model="musicQueryParams.name"
+            placeholder="请输入音乐名称"
+            clearable
+            size="small"
+            style="width: 150px"
+            @input="handleMusicQuery"
+          />
+        </div>
+        <div style="margin-right: 15px; display: flex; align-items: center;">
+          <span style="width: 80px; text-align: right; margin-right: 10px;">制作人：</span>
+          <el-input
+            v-model="musicQueryParams.author"
+            placeholder="请输入制作人"
+            clearable
+            size="small"
+            style="width: 150px"
+            @input="handleMusicQuery"
+          />
+        </div>
+        <el-button icon="el-icon-refresh" size="small" @click="resetMusicQuery">重置</el-button>
+      </div>
+      
       <el-table 
         ref="musicTable"
         v-loading="musicLoading" 
@@ -222,7 +262,9 @@ export default {
       musicQueryParams: {
         pageNum: 1,
         pageSize: 10,
-        musicType: null
+        musicType: null,
+        name: null,
+        author: null
       },
       bindLoading: false
     };
@@ -398,7 +440,15 @@ export default {
     },
     // 绑定音乐
     handleBindMusic(row) {
-      this.musicQueryParams.categoryId = row.categoryId;
+      // 重置音乐查询参数，但保留分类ID
+      this.musicQueryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        categoryId: row.categoryId,
+        musicType: null,
+        name: null,
+        author: null
+      };
       this.selectedMusicIds = []; // 重置选中的音乐
       this.boundMusicIds = []; // 重置已绑定的音乐ID
       this.getBoundMusic(row.categoryId); // 先获取已绑定的音乐
@@ -470,6 +520,24 @@ export default {
       this.musicQueryParams.pageNum = val.pageNum;
       this.musicQueryParams.pageSize = val.pageSize;
       this.getMusicList();
+    },
+    /** 搜索音乐按钮操作 */
+    handleMusicQuery() {
+      this.musicQueryParams.pageNum = 1;
+      this.getMusicList();
+    },
+    /** 重置音乐搜索按钮操作 */
+    resetMusicQuery() {
+      this.resetForm("musicQueryForm");
+      this.musicQueryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        categoryId: this.musicQueryParams.categoryId,
+        musicType: null,
+        name: null,
+        author: null
+      };
+      this.getMusicList();
     }
   }
 };