index.vue 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <div class="app-container">
  3. <!-- 搜索 -->
  4. <el-form inline label-width="100px" size="mini">
  5. <el-form-item label="当前状态:">
  6. <!-- <el-select placeholder="请选择当前状态">
  7. <el-option></el-option>
  8. </el-select> -->
  9. </el-form-item>
  10. <el-form-item>
  11. <el-button icon="el-icon-search" type="primary">搜索</el-button>
  12. <el-button icon="el-icon-refresh">重置</el-button>
  13. <el-button icon="el-icon-plus" type="primary" plain>新增</el-button>
  14. </el-form-item>
  15. </el-form>
  16. <!-- 列表 -->
  17. <el-table>
  18. <el-table-column label="场景ID" align="center" />
  19. <el-table-column label="场景模式" align="center" />
  20. <el-table-column label="场面名称" align="center" />
  21. <el-table-column label="心率" align="center" />
  22. <el-table-column label="步数" align="center" />
  23. <el-table-column label="时间" align="center" />
  24. <el-table-column label="优先级" align="center" />
  25. <el-table-column label="当前状态" align="center" />
  26. <el-table-column label="操作" align="center">
  27. <template>
  28. <el-button type="text">查看</el-button>
  29. <el-button type="text">编辑</el-button>
  30. <el-button type="text">上架</el-button>
  31. <!-- <el-button type="text">下架</el-button> -->
  32. </template>
  33. </el-table-column>
  34. </el-table>
  35. </div>
  36. </template>
  37. <script>
  38. export default {
  39. data() {
  40. return {
  41. }
  42. }
  43. }
  44. </script>
  45. <style lang="scss">
  46. </style>