|
|
@@ -1,153 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="app-container">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="6">
|
|
|
- <el-button size="mini" icon="el-icon-plus"> 添加分类 </el-button>
|
|
|
- <el-button type="danger" size="mini" icon="el-icon-delete">
|
|
|
- 批量删除
|
|
|
- </el-button>
|
|
|
- <el-tree :data="data" node-key="id" show-checkbox :expand-on-click-node="false">
|
|
|
- <span class="tree-label" slot-scope="{ node, data }">
|
|
|
- <span>{{ node.label }}</span>
|
|
|
- <span>
|
|
|
- <el-button icon="el-icon-plus" type="text" size="mini" title="新增" />
|
|
|
- <el-button class="text-btn-plain" icon="el-icon-edit" type="text" size="mini" title="编辑" />
|
|
|
- <el-button class="text-btn-danger" icon="el-icon-delete" type="text" size="mini" title="删除" />
|
|
|
- <el-button class="text-btn-plain" icon="el-icon-bottom" type="text" size="mini" title="下架" />
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </el-tree>
|
|
|
- </el-col>
|
|
|
- <el-col :span="18">
|
|
|
- <el-tabs>
|
|
|
- <el-tab-pane label="电台">
|
|
|
- <el-form label-width="100px" size="small">
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="资源平台:">
|
|
|
- <el-select></el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="电台类型:">
|
|
|
- <el-select disabled></el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="电台分类:">
|
|
|
- <el-select></el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="上架状态:">
|
|
|
- <el-select></el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="电台ID:">
|
|
|
- <el-input></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="电台名称:">
|
|
|
- <el-input></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-form-item>
|
|
|
- <el-button plain size="mini">关联电台</el-button>
|
|
|
- <el-button plain size="mini">解除关联</el-button>
|
|
|
- <el-button type="primary" size="mini" icon="el-icon-search" style="float:right">搜索</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <el-table :data="tableData" border>
|
|
|
- <!-- tableData.slice((currentPage-1)*pagesize,currentPage*pagesize) -->
|
|
|
- <el-table-column type="selection" />
|
|
|
- <el-table-column prop="" label="电台ID" />
|
|
|
- <el-table-column prop="" label="电台名称" />
|
|
|
- <el-table-column prop="" label="封面" />
|
|
|
- <el-table-column prop="" label="资源平台" />
|
|
|
- <el-table-column prop="" label="电台分类" />
|
|
|
- <el-table-column prop="" label="上架状态" />
|
|
|
- <el-table-column prop="" label="是否付费" />
|
|
|
- <el-table-column prop="" label="操作">
|
|
|
- <el-select></el-select>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-pagination background layout="prev, pager, next" :total="50" />
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-export default {
|
|
|
- data() {
|
|
|
- const data = [{
|
|
|
- id: 1,
|
|
|
- label: '全部分类',
|
|
|
- children: [{
|
|
|
- id: 3,
|
|
|
- label: '儿歌',
|
|
|
- }]
|
|
|
- }, {
|
|
|
- id: 2,
|
|
|
- label: '精彩推荐',
|
|
|
- children: [{
|
|
|
- id: 4,
|
|
|
- label: '童书推荐',
|
|
|
- }, {
|
|
|
- id: 5,
|
|
|
- label: '付费精品',
|
|
|
- }, {
|
|
|
- id: 6,
|
|
|
- label: '最热门',
|
|
|
- }]
|
|
|
- }]
|
|
|
- return {
|
|
|
- data: JSON.parse(JSON.stringify(data)),
|
|
|
- tableData: [{
|
|
|
- date: '2016-05-02',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1518 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-04',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1517 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-01',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1519 弄'
|
|
|
- }, {
|
|
|
- date: '2016-05-03',
|
|
|
- name: '王小虎',
|
|
|
- address: '上海市普陀区金沙江路 1516 弄'
|
|
|
- }]
|
|
|
- }
|
|
|
- },
|
|
|
-}
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
-.tree-label {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
-
|
|
|
- .text-btn-danger {
|
|
|
- color: #ff4949;
|
|
|
- }
|
|
|
-
|
|
|
- .text-btn-plain {
|
|
|
- color: #000;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.el-select {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-</style>
|
