删除

src/views/music/model/detail.vue

@@ -1,54 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form label-width="100px">
-      <el-form-item label="场景模式：">
-        <el-input placeholder="请输入场景模式" />
-      </el-form-item>
-      <el-form-item label="场景名称：">
-        <el-input placeholder="请输入场景名称" />
-      </el-form-item>
-      <el-form-item label="心率(BMP)：">
-        <el-input-number controls-position="right" placeholder="下限" />
-        <span> — </span>
-        <el-input-number controls-position="right" placeholder="上限" />
-      </el-form-item>
-      <el-form-item label="步数：">
-        <el-input-number controls-position="right" placeholder="下限" />
-        <span> — </span>
-        <el-input-number controls-position="right" placeholder="上限" />
-      </el-form-item>
-      <el-form-item label="时间：">
-        <el-time-picker is-range start-placeholder="开始时间" end-placeholder="结束时间" />
-      </el-form-item>
-      <el-form-item label="优先级：">
-        <el-input placeholder="请输入优先级，数字越大优先级越高" />
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="cancel">取消</el-button>
-        <el-button type="primary">确定</el-button>
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-
-    }
-  },
-  methods: {
-    // 取消
-    cancel() {
-      this.$tab.closeOpenPage("/music/model");
-    },
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.el-form {
-  width: 550px;
-}
-</style>

src/views/music/model/index.vue

@@ -1,53 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 搜索 -->
-    <el-form inline label-width="100px" size="mini">
-      <el-form-item label="当前状态：">
-        <!-- <el-select placeholder="请选择当前状态">
-          <el-option></el-option>
-        </el-select> -->
-      </el-form-item>
-      <el-form-item>
-        <el-button icon="el-icon-search" type="primary">搜索</el-button>
-        <el-button icon="el-icon-refresh">重置</el-button>
-        <el-button icon="el-icon-plus" type="primary" plain @click="getDetail">新增</el-button>
-      </el-form-item>
-    </el-form>
-    <!-- 列表 -->
-    <el-table>
-      <el-table-column label="场景ID" align="center" />
-      <el-table-column label="场景模式" align="center" />
-      <el-table-column label="场景名称" align="center" />
-      <el-table-column label="心率" align="center" />
-      <el-table-column label="步数" align="center" />
-      <el-table-column label="时间" align="center" />
-      <el-table-column label="优先级" align="center" />
-      <el-table-column label="当前状态" align="center" />
-      <el-table-column label="操作" align="center">
-        <template>
-          <el-button type="text">查看</el-button>
-          <el-button type="text">编辑</el-button>
-          <el-button type="text">上架</el-button>
-          <!-- <el-button type="text">下架</el-button> -->
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-
-    }
-  },
-  methods:{
-    getDetail(){
-      this.$router.push({
-        path: `/music/model/detail`
-      })
-    }
-  }
-}
-</script>

src/views/music/playlist/detail.vue

@@ -1,124 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form class="form" label-width="120px">
-      <el-form-item label="封面图：(750*1334)">
-        <Upload listType="picture-card" />
-      </el-form-item>
-      <el-form-item label="场景模式：">
-        <el-input disabled />
-      </el-form-item>
-      <el-form-item label="歌曲/节目列表：" style="width: 1000px">
-        <el-button type="primary" @click="dialogVisible_program = true" style="margin-right: 10px">关联节目</el-button>
-        <Upload multiple title="上传歌曲" />
-        <el-tabs type="card" v-model="tabActive" addable closable @tab-add="dialogVisible = true"
-          @tab-remove="getRemove">
-          <el-tab-pane v-for="item in tabList" :key="item.id" :label="item.label" :name="item.value">
-            <el-table :data="tableData" height="342">
-              <el-table-column label="序号" type="index" align="center" />
-              <el-table-column label="歌曲/节目ID" align="center" />
-              <el-table-column label="名称" align="center" />
-              <el-table-column label="操作" align="center">
-                <template>
-                  <el-button type="delete">删除</el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-tab-pane>
-        </el-tabs>
-        <!-- <pagination v-show="total>0" :total="total" :page.sync="form.pageNum" :limit.sync="form.pageSize"
-          @pagination="getPage" /> -->
-      </el-form-item>
-      <el-form-item>
-        <el-button @click="cancel">取消</el-button>
-        <el-button type="primary">确定</el-button>
-      </el-form-item>
-    </el-form>
-
-    <!-- 增加歌单 -->
-    <el-dialog title="新增" :visible.sync="dialogVisible" width="500px">
-      <el-form label-width="100px">
-        <el-form-item label="分页名称：">
-          <el-input v-model="name" placeholder="请输入分页名称" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer">
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="getAdd">确定</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 关联节目 -->
-    <el-dialog title="关联节目" :visible.sync="dialogVisible_program">
-      <el-table>
-        <el-table-column label="节目ID" align="center" />
-        <el-table-column label="节目名称" align="center" />
-        <el-table-column label="操作" align="center">
-          <template>
-            <el-button type="text">选择</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import Upload from '@/components/Upload/index'
-export default {
-  components: {
-    Upload
-  },
-  data() {
-    return {
-      // 表单
-      form: {
-        pageNum: 1,
-        pageSize: 10
-      },
-      // 歌曲/节目列表分页
-      tabList: [{
-        id: 0,
-        label: '默认',
-        value: '1'
-      }],
-      tabActive: '1',
-      // 列表
-      tableData:[],
-      total: 0,
-      // 弹窗
-      dialogVisible: false,
-      dialogVisible_program: false,
-      // 分页名称
-      name: ''
-    }
-  },
-  mounted(){
-
-  },
-  methods: {
-    // 添加分页
-    getAdd() {
-      this.tabList.push({
-        id: `${this.tabList.length}`,
-        label: this.name,
-        value: `${this.tabList.length + 1}`
-      })
-      this.dialogVisible = false
-    },
-    // 删除分页
-    getRemove(e) {
-      this.tabList.splice(e - 1, 1)
-    },
-    // 取消
-    cancel(){
-      this.$tab.closeOpenPage("/music/playlist");
-    },
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.form {
-  width: 500px;
-}
-</style>

src/views/music/playlist/index.vue

@@ -1,31 +0,0 @@
-<template>
-  <div class="app-container">
-    <!-- 列表 -->
-    <el-table :data="tableData">
-      <el-table-column label="场景ID" align="center" />
-      <el-table-column label="场景模式" align="center" />
-      <el-table-column label="场景封面" align="center">
-        <template>
-          <el-image />
-        </template>
-      </el-table-column>
-      <el-table-column label="歌曲、节目数量" align="center" />
-      <el-table-column label="操作" align="center">
-        <template>
-          <el-button type="text">查看</el-button>
-          <el-button type="text">编辑</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      tableData:[]
-    }
-  }
-}
-</script>