Skip to content

A
adminDemo
Commit 5df596d1 by 黄志甲
Options

修改导航方式

parent 3eaf08fb
Showing with 263 additions and 2 deletions
package-lock.json
......@@ -13195,6 +13195,11 @@
"integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
"dev": true
},
"vuex": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/vuex/-/vuex-3.1.3.tgz",
"integrity": "sha512-k8vZqNMSNMgKelVZAPYw5MNb2xWSmVgCKtYKAptvm9YtZiOXnRXFWu//Y9zQNORTrm3dNj1n/WaZZI26tIX6Mw=="
},
"watchpack": {
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz",
......
package.json
......@@ -17,7 +17,8 @@
"echarts": "^4.6.0",
"view-design": "^4.1.3",
"vue": "^2.5.2",
"vue-router": "^3.0.1"
"vue-router": "^3.0.1",
"vuex": "^3.1.3"
},
"devDependencies": {
"autoprefixer": "^7.1.2",
......
src/router/index.js
......@@ -103,6 +103,21 @@ export default new Router({
path: '/admin/administrators/adminPwd',
name: "administrators-adminPwd",
component: () => import('@/view/admin/administrators/adminPwd.vue') //修改密码
},
{
path: '/admin/administrators/information/list',
name: "administrators-information-list",
component: () => import('@/view/admin/administrators/information/list.vue') //资讯管理
},
{
path: '/admin/administrators/information/directory',
name: "目录管理",
component: () => import('@/view/admin/administrators/information/directory.vue') //目录管理
},
{
path: '/welcome',
name: "欢迎页",
component: () => import('@/view/welcome.vue') //欢迎页
}
]
}
......
src/router/menu.js
......@@ -72,7 +72,7 @@
path:'/admin',
children: [{
title: "系统管理",
icon: 'ios-people',
icon: 'md-settings',
path:'/admin/administrators',
children: [{
title: '子系统管理',
......@@ -113,9 +113,25 @@
title: '修改密码',
path: '/admin/administrators/adminPwd',
action: 'admin-administrators-adminInfor'
},
{
title: '资讯管理',
path: '/admin/administrators/information',
action: 'admin-administrators-adminInfor',
children:[{
title: '资讯信息',
path: '/admin/administrators/information/list',
action: 'admin-administrators-adminInfor',
},
{
title: '资讯目录',
path: '/admin/administrators/information/directory',
action: 'admin-administrators-adminInfor',
}]
}]
}]
}
]
......
src/store/index.js 0 → 100644
import Vuex from "vuex"
import Vue from "vue"
import power from "./modules/power.js"
Vue.use(Vuex);
export default new Vuex.Store({
modules: {
power
}
})
\ No newline at end of file
src/store/modules/power.js 0 → 100644
/* 权限 */
export default {
state: {
},
actions: {
},
getters: {
},
mutations: {
},
namespaced: true
}
src/view/admin/administrators/information/directory.vue 0 → 100644
<template>
<Row type="flex" justify="center">
<Col :xs="24" :md="24">
<Card>
<p slot="title">
<span class="font-20">目录管理</span>
</p>
<Card>
<div class="formTopClass">
<Form :model="searchForm" :label-width="80" inline>
<FormItem label="用户名" class="ivuFormItem">
<Input v-model="searchForm.name" placeholder="请输入用户名" class="newInput"></Input>
</FormItem>
<FormItem label="操作类型" class="ivuFormItem">
<Input v-model="searchForm.email" placeholder="请输入操作类型" class="newInput"></Input>
</FormItem>
<FormItem class="ivuFormItem">
<Button type="primary">
<Icon type="md-search" />
查询
</Button>
</FormItem>
</Form>
</div>
</Card>
<Table border :columns="subsystemList" :data="data5"></Table>
<Page :total="pageInfo.total" :page-size="pageInfo.size" :current="pageInfo.page" show-total
show-elevator style="margin-top: 20px;" />
</Card>
</Col>
</Row>
</template>
<script>
export default {
data() {
return {
data5:[],
pageInfo: {
total: 100,
size: 10,
page: 1
},
searchForm:{},
subsystemList: [{
title: '编号',
key: 'date',
type: 'index',
sortable: true
},
{
title: '用户',
key: 'name',
sortable: true
},
{
title: '浏览器',
key: 'name',
sortable: true
},
{
title: '操作类型',
key: 'name',
sortable: true
},
{
title: 'IP',
key: 'name',
sortable: true
},
{
title: '来源',
key: 'name',
sortable: true
},
{
title: '访问地址',
key: 'name',
sortable: true
},
{
title: '创建时间',
key: 'name',
sortable: true
},
]
}
}
}
</script>
src/view/admin/administrators/information/list.vue 0 → 100644
<template>
<Row type="flex" justify="center">
<Col :xs="24" :md="24">
<Card>
<p slot="title">
<span class="font-20">资讯管理</span>
</p>
<Card>
<div class="formTopClass">
<Form :model="searchForm" :label-width="80" inline>
<FormItem label="用户名" class="ivuFormItem">
<Input v-model="searchForm.name" placeholder="请输入用户名" class="newInput"></Input>
</FormItem>
<FormItem label="操作类型" class="ivuFormItem">
<Input v-model="searchForm.email" placeholder="请输入操作类型" class="newInput"></Input>
</FormItem>
<FormItem class="ivuFormItem">
<Button type="primary">
<Icon type="md-search" />
查询
</Button>
</FormItem>
</Form>
</div>
</Card>
<Table border :columns="subsystemList" :data="data5"></Table>
<Page :total="pageInfo.total" :page-size="pageInfo.size" :current="pageInfo.page" show-total
show-elevator style="margin-top: 20px;" />
</Card>
</Col>
</Row>
</template>
<script>
export default {
data() {
return {
data5:[],
pageInfo: {
total: 100,
size: 10,
page: 1
},
searchForm:{},
subsystemList: [{
title: '编号',
key: 'date',
type: 'index',
sortable: true
},
{
title: '用户',
key: 'name',
sortable: true
},
{
title: '浏览器',
key: 'name',
sortable: true
},
{
title: '操作类型',
key: 'name',
sortable: true
},
{
title: 'IP',
key: 'name',
sortable: true
},
{
title: '来源',
key: 'name',
sortable: true
},
{
title: '访问地址',
key: 'name',
sortable: true
},
{
title: '创建时间',
key: 'name',
sortable: true
},
]
}
}
}
</script>
src/view/welcome.vue 0 → 100644
<template>
<Row>
<div class="know-flex konw-center know-align-center">
<span class="font-30">欢迎使用管理后台</span>
</div>
</Row>
</template>
<script>
</script>
<style>
</style>
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