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

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

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">