音频管理 场景模式

src/views/music/model/detail.vue

@@ -0,0 +1,54 @@
+<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">
+.el-form {
+  width: 550px;
+}
+</style>

src/views/music/model/index.vue

@@ -0,0 +1,50 @@
+<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>新增</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 {
+
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+
+</style>