Skip to content

N
national_museum_vod
Commit 384a20b6 authored by 乐宝呗666's avatar 乐宝呗666
Browse files
Options

添加机顶盒基础信息和运维信息管理页面

parent 426b1f5a
Hide whitespace changes
Inline Side-by-side
Showing with 330 additions and 2 deletions
src/config/menu.js
View file @ 384a20b6
......@@ -65,8 +65,8 @@ export const menuList = [
{
subtitle:'机顶盒信息及运维管理',
subMenu:[
{label:'机顶盒信息管理', imgUrl:''},
{label:'机顶盒运维信息管理', imgUrl:''},
{label:'机顶盒信息管理', imgUrl:'',url:'/STBbase'},
{label:'机顶盒运维信息管理', imgUrl:'',url:'/STBoperation'},
{label:'机顶盒运维账号管理', imgUrl:''}
]
......
src/page/STB/base/index.vue
View file @ 384a20b6
<template>
<div class="STBbase-wrapper height100">
<div class="search-container">
<el-form :inline="true" :model="form">
<el-form-item>
<el-select v-model="form.unit" placeholder="请选择所属单位">
<el-option
v-for="item in unitOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="form.state" placeholder="请选择账号状态">
<el-option
v-for="item in stateOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-cascader v-model="form.area" :options="areaOptions" :show-all-levels="false"></el-cascader>
</el-form-item>
<el-form-item>
<div class="btn-group">
<el-button type="primary" @click="handleSubmit">查询</el-button>
<el-button @click="handleReset">重置</el-button>
</div>
</el-form-item>
</el-form>
<div class="page-tip">
<span class="page-tip-title">页面说明:</span>
<span class="page-tips">可按照账号状态及所属单位进行信息筛选。可新增机顶盒账号，“*”为必填项。请先创建单位管理员账号，否则机顶盒无法激活</span>
</div>
</div>
<div class="table-content">
<div class="btn-group">
<el-button type="primary">新建机顶盒账号</el-button>
</div>
<div class="party-table">
<el-table border style="width: 100%;height:100%" height="100%" :data="list">
<el-table-column type="index" width="120" label="序号"></el-table-column>
<el-table-column label="机顶盒名称" prop="name"></el-table-column>
<el-table-column label="所属单位" prop="unit"></el-table-column>
<el-table-column label="账号状态" prop="state"></el-table-column>
<el-table-column label="mac地址" prop="macUrl"></el-table-column>
<el-table-column label="操作" header-align="center" align="center">
<template slot-scope="scope" width="220">
<el-button-group>
<el-button
title="删除"
type="text"
size="mini"
@click="handleDelete(scope.row)"
>删除&nbsp;&nbsp;</el-button>
<el-button
title="编辑"
size="mini"
type="text"
@click="openEdit(scope.row)"
>编辑&nbsp;&nbsp;</el-button>
</el-button-group>
</template>
</el-table-column>
</el-table>
</div>
<party-pagination/>
</div>
</div>
</template>
<script>
import { partyPagination } from '@/components/index'
import area from '@/config/area'
export default {
data(){
return{
areaOptions: area,
unitOptions: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
stateOptions:[{
value: '1',
label: '待激活'
},{
value: '2',
label: '禁用'
},{
value: '3',
label: '启用'
}],
form:{
unit:'',
state:'',
area:[]
},
list: [
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
]
}
},
components:{ partyPagination},
mounted(){
},
methods:{
handleSubmit(){
},
handleReset(){
this.form = {}
},
// 弹窗关闭
handleClose(){
this.$confirm('确认关闭？')
.then(_ => {
done();
})
.catch(_ => {});
}
}
}
</script>
<style lang="less">
@import "../../../style/dialog.less";
@import '../../../style/table.less';
@import '../../../style/pagination.less';
</style>
\ No newline at end of file
src/page/STB/operation/index.vue 0 → 100644
View file @ 384a20b6
<template>
<div class="STBbase-wrapper height100">
<div class="search-container">
<el-form :inline="true" :model="form">
<el-form-item>
<el-select v-model="form.unit" placeholder="请选择所属单位">
<el-option
v-for="item in unitOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="form.state" placeholder="请选择机顶盒状态">
<el-option
v-for="item in stateOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-cascader v-model="form.area" :options="areaOptions" :show-all-levels="false"></el-cascader>
</el-form-item>
<el-form-item>
<div class="btn-group">
<el-button type="primary" @click="handleSubmit">查询</el-button>
<el-button @click="handleReset">重置</el-button>
</div>
</el-form-item>
</el-form>
<div class="page-tip">
<span class="page-tip-title">页面说明:</span>
<span class="page-tips">可按照机顶盒状态及所属单位进行信息筛选。可查看当前系统所有机顶盒运维状态信息。</span>
</div>
</div>
<div class="table-content">
<div class="party-table">
<el-table border style="width: 100%;height:100%" height="100%" :data="list">
<el-table-column type="index" width="120" label="序号"></el-table-column>
<el-table-column label="mac地址" prop="macUrl"></el-table-column>
<el-table-column label="所属单位" prop="unit"></el-table-column>
<el-table-column label="机顶盒状态" prop="state"></el-table-column>
</el-table>
</div>
<party-pagination/>
</div>
</div>
</template>
<script>
import { partyPagination } from '@/components/index'
import area from '@/config/area'
export default {
data(){
return{
areaOptions: area,
unitOptions: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
stateOptions:[{
value: '1',
label: '待激活'
},{
value: '2',
label: '禁用'
},{
value: '3',
label: '启用'
}],
form:{
unit:'',
state:'',
area:[]
},
list: [
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
{unit:'中国博物馆', state: '禁用',name: '王小虎', macUrl: '00:71:cc:d3:11'},
]
}
},
components:{ partyPagination},
mounted(){
},
methods:{
handleSubmit(){
},
handleReset(){
this.form = {}
}
}
}
</script>
<style lang="less">
@import "../../../style/dialog.less";
@import '../../../style/table.less';
@import '../../../style/pagination.less';
</style>
\ No newline at end of file
src/router/index.js
View file @ 384a20b6
......@@ -500,6 +500,28 @@ const router = new Router({
name: '审核活动产品',
component: auditProductActivity
},
//=======================================机顶盒管理 start ===================================//
{
path: '/STBbase',
name: '机顶盒基础信息管理',
component: () => import('@/page/STB/base/index'),
meta:{
showBreadcrumb:true,
title:'机顶盒基础信息管理',
}
},
{
path: '/STBoperation',
name: '机顶盒运维信息管理',
component: () => import('@/page/STB/operation/index'),
meta:{
showBreadcrumb:true,
title:'机顶盒运维信息管理',
}
},
//=======================================机顶盒管理 end ===================================//
]
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment