<template>
 <div class="panel bar1">
        <div class="titleBg">
          <h2>音乐管理</h2>
        </div>

        <div class="musicManagement">
          <el-table :data="musicManagementList" style="width: 100%">
            <el-table-column prop="location" label="位置" width="50" height="25" align="center"></el-table-column>
            <el-table-column prop="ipAddress" label="ip地址" height="25" align="center"></el-table-column>
            <el-table-column prop="deviceState" label="设备状态" height="25" width="80" align="center"></el-table-column>
            <el-table-column prop="note" label="音符" width="50" height="25" align="center"></el-table-column>
            <el-table-column prop="volume" label="音量" width="50" height="25" align="center"></el-table-column>
            <el-table-column prop="createTime" label="创建时间" height="25" align="center"></el-table-column>
            <el-table-column prop="createBy" label="创建人" width="80" height="25" align="center"></el-table-column>
            <el-table-column prop="operate" label="操作" height="25" align="center">
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="primary"
                  icon="el-icon-edit-outline"
                  @click="edit(scope.row)"
                >编辑</el-button>
                <el-button
                  size="mini"
                  icon="el-icon-delete"
                  type="danger"
                  @click="deleteMusic(scope.row)"
                >删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div class="panel-footer"></div>
      </div>


</template>

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

export default{
methods: {
    
  },
data(){
  return{
          musicManagementList: [
        {
          location: "001",
          ipAddress: "192.168.10.88",
          deviceState: "正常",
          note: "",
          volume: "50%",
          createTime: "2022-02-02",
          createBy: "张大大"
        },
        {
          location: "001",
          ipAddress: "192.168.10.88",
          deviceState: "正常",
          note: "",
          volume: "50%",
          createTime: "2022-02-02",
          createBy: "张大大"
        },
        {
          location: "001",
          ipAddress: "192.168.10.88",
          deviceState: "正常",
          note: "",
          volume: "50%",
          createTime: "2022-02-02",
          createBy: "张大大"
        }
      ]





    }
  }







}
</script>
<style >

</style>