fix(GoodMusic): 修复优秀录音组件数据展示问题

refactor(GoodMusic): 重构组件为Composition API风格
style(PeriodStage): 移除无用图例代码
chore(https): 更新API基础路径为本地测试地址

my-vue-app/src/utils/https.js

@@ -5,7 +5,8 @@ import { useUserStore } from '@/stores/user'
 
 // 创建axios实例
 const service = axios.create({
-  baseURL: 'https://mldash.nycjy.cn/' || '', // API基础路径，支持完整URL
+  // baseURL: 'https://mldash.nycjy.cn/' || '', // API基础路径，支持完整URL
+    baseURL: 'http://192.168.15.121:8890' || '', // API基础路径，支持完整URL
   timeout: 100000, // 请求超时时间
   headers: {
     'Content-Type': 'application/json;charset=UTF-8'

my-vue-app/src/views/topOne/components/PeriodStage.vue

@@ -2,20 +2,6 @@
   <div class="period-stage-container">
     <div class="period-stage-header">
       <h3>各中心营期阶段</h3>
-      <div class="stage-legend">
-        <span class="legend-item">
-          <span class="legend-dot active"></span>
-          进行中
-        </span>
-        <span class="legend-item">
-          <span class="legend-dot completed"></span>
-          已完成
-        </span>
-        <span class="legend-item">
-          <span class="legend-dot pending"></span>
-          未开始
-        </span>
-      </div>
     </div>
     
     <div class="period-stage-content">