<template>
 <div class="panel pie">
        <div class="titleBg">
          <h2>曲目管理</h2>
        </div>
        <!-- 曲目管理表格 -->
        <div class="trackManagement">
          <el-table :data="songList" style="width: 100%">
            <el-table-column prop="number" type="index" label="序号" width="100" align="center"></el-table-column>
            <el-table-column prop="songName" label="歌曲名称" width="180" align="center"></el-table-column>
            <el-table-column prop="action" label="操作" align="center">
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="primary"
                  icon="el-icon-headset"
                  @click="listenSong(scope.row)"
                >试听</el-button>
                <el-button
                  size="mini"
                  type="primary"
                  icon="el-icon-s-promotion"
                  @click="download(scope.row)"
                >下发</el-button>
                <el-button
                  size="mini"
                  icon="el-icon-delete"
                  type="danger"
                  @click="deleteSong(scope.row)"
                >删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="waveBox"></div>
        <div class="panel-footer"></div>
      </div>


</template>

<script>
 import flexible from "@/layout/flexible.js";

export default{

methods: {
    
  },
data(){
  return{
            songList: [
        {
          songName: "门没锁"
        },
        {
          songName: "一吻天荒"
        },
        {
          songName: "漫天星辰不及你"
        },
        {
          songName: "南半球与北海道"
        }
      ],





    }
  }






}
</script>
<style >
</style>