Skip to content

A
adminDemo
Commit 5df596d1 by 黄志甲
Options

修改导航方式

parent 3eaf08fb
Showing with 482 additions and 226 deletions
package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
{ {
"name": "admin", "name": "admin",
"version": "1.0.0", "version": "1.0.0",
"description": "A Vue.js project", "description": "A Vue.js project",
"author": "1510017964@qq.com", "author": "1510017964@qq.com",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev", "start": "npm run dev",
"e2e": "node test/e2e/runner.js", "e2e": "node test/e2e/runner.js",
"test": "npm run unit && npm run e2e", "test": "npm run unit && npm run e2e",
"lint": "eslint --ext .js,.vue src test/unit test/e2e/specs", "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
"build": "node build/build.js" "build": "node build/build.js"
}, },
"dependencies": { "dependencies": {
"axios": "^0.19.2", "axios": "^0.19.2",
"echarts": "^4.6.0", "echarts": "^4.6.0",
"view-design": "^4.1.3", "view-design": "^4.1.3",
"vue": "^2.5.2", "vue": "^2.5.2",
"vue-router": "^3.0.1" "vue-router": "^3.0.1",
}, "vuex": "^3.1.3"
"devDependencies": { },
"autoprefixer": "^7.1.2", "devDependencies": {
"babel-core": "^6.22.1", "autoprefixer": "^7.1.2",
"babel-eslint": "^8.2.1", "babel-core": "^6.22.1",
"babel-helper-vue-jsx-merge-props": "^2.0.3", "babel-eslint": "^8.2.1",
"babel-loader": "^7.1.1", "babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-plugin-syntax-jsx": "^6.18.0", "babel-loader": "^7.1.1",
"babel-plugin-transform-runtime": "^6.22.0", "babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-vue-jsx": "^3.5.0", "babel-plugin-transform-runtime": "^6.22.0",
"babel-preset-env": "^1.3.2", "babel-plugin-transform-vue-jsx": "^3.5.0",
"babel-preset-stage-2": "^6.22.0", "babel-preset-env": "^1.3.2",
"babel-register": "^6.22.0", "babel-preset-stage-2": "^6.22.0",
"chalk": "^2.0.1", "babel-register": "^6.22.0",
"chromedriver": "^2.27.2", "chalk": "^2.0.1",
"copy-webpack-plugin": "^4.0.1", "chromedriver": "^2.27.2",
"cross-spawn": "^5.0.1", "copy-webpack-plugin": "^4.0.1",
"css-loader": "^0.28.0", "cross-spawn": "^5.0.1",
"eslint": "^4.15.0", "css-loader": "^0.28.0",
"eslint-friendly-formatter": "^3.0.0", "eslint": "^4.15.0",
"eslint-loader": "^1.7.1", "eslint-friendly-formatter": "^3.0.0",
"eslint-plugin-vue": "^4.0.0", "eslint-loader": "^1.7.1",
"extract-text-webpack-plugin": "^3.0.0", "eslint-plugin-vue": "^4.0.0",
"file-loader": "^1.1.4", "extract-text-webpack-plugin": "^3.0.0",
"friendly-errors-webpack-plugin": "^1.6.1", "file-loader": "^1.1.4",
"html-webpack-plugin": "^2.30.1", "friendly-errors-webpack-plugin": "^1.6.1",
"nightwatch": "^0.9.12", "html-webpack-plugin": "^2.30.1",
"node-notifier": "^5.1.2", "nightwatch": "^0.9.12",
"optimize-css-assets-webpack-plugin": "^3.2.0", "node-notifier": "^5.1.2",
"ora": "^1.2.0", "optimize-css-assets-webpack-plugin": "^3.2.0",
"portfinder": "^1.0.13", "ora": "^1.2.0",
"postcss-import": "^11.0.0", "portfinder": "^1.0.13",
"postcss-loader": "^2.0.8", "postcss-import": "^11.0.0",
"postcss-url": "^7.2.1", "postcss-loader": "^2.0.8",
"rimraf": "^2.6.0", "postcss-url": "^7.2.1",
"selenium-server": "^3.0.1", "rimraf": "^2.6.0",
"semver": "^5.3.0", "selenium-server": "^3.0.1",
"shelljs": "^0.7.6", "semver": "^5.3.0",
"uglifyjs-webpack-plugin": "^1.1.1", "shelljs": "^0.7.6",
"url-loader": "^0.5.8", "uglifyjs-webpack-plugin": "^1.1.1",
"vue-loader": "^13.3.0", "url-loader": "^0.5.8",
"vue-style-loader": "^3.0.1", "vue-loader": "^13.3.0",
"vue-template-compiler": "^2.5.2", "vue-style-loader": "^3.0.1",
"webpack": "^3.6.0", "vue-template-compiler": "^2.5.2",
"webpack-bundle-analyzer": "^2.9.0", "webpack": "^3.6.0",
"webpack-dev-server": "^2.9.1", "webpack-bundle-analyzer": "^2.9.0",
"webpack-merge": "^4.1.0" "webpack-dev-server": "^2.9.1",
}, "webpack-merge": "^4.1.0"
"engines": { },
"node": ">= 6.0.0", "engines": {
"npm": ">= 3.0.0" "node": ">= 6.0.0",
}, "npm": ">= 3.0.0"
"browserslist": [ },
"> 1%", "browserslist": [
"last 2 versions", "> 1%",
"not ie <= 8" "last 2 versions",
] "not ie <= 8"
} ]
}
src/router/index.js
import Vue from 'vue' import Vue from 'vue'
import Router from 'vue-router' import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld' //初始页 import HelloWorld from '@/components/HelloWorld' //初始页
import Main from '@/view/Main.vue' //导航页面 import Main from '@/view/Main.vue' //导航页面
import login from "@/view/login/login.vue" //登录页 import login from "@/view/login/login.vue" //登录页
import userList from "@/view/user/list.vue" //列表 import userList from "@/view/user/list.vue" //列表
Vue.use(Router) Vue.use(Router)
export default new Router({ export default new Router({
mode: 'hash', mode: 'hash',
//mode: 'history', //mode: 'history',
routes: [{ routes: [{
path: '/', path: '/',
redirect: '/login' redirect: '/login'
}, },
{ {
path: '/login', path: '/login',
name: "login", name: "login",
component: login, component: login,
}, { }, {
path: '/', path: '/',
name: 'main', name: 'main',
component: Main, component: Main,
meta: { meta: {
requireAuth: true requireAuth: true
}, },
children: [ children: [
/* 综合门户 */ /* 综合门户 */
{ {
path: '/gateway/handle', path: '/gateway/handle',
name: "gateway-handle", name: "gateway-handle",
component: () => import('@/view/gateway/handle/index.vue') //任务处理 component: () => import('@/view/gateway/handle/index.vue') //任务处理
}, },
{ {
path: '/gateway/map', path: '/gateway/map',
name: "gateway-map", name: "gateway-map",
component: () => import('@/view/gateway/map/index.vue') //任务地图 component: () => import('@/view/gateway/map/index.vue') //任务地图
}, },
{ {
path: '/gateway/theDisabled/list', path: '/gateway/theDisabled/list',
name: "gateway-theDisabled-list", name: "gateway-theDisabled-list",
component: () => import('@/view/gateway/theDisabled/list.vue') //残疾人数据实时统计 component: () => import('@/view/gateway/theDisabled/list.vue') //残疾人数据实时统计
}, },
{ {
path: '/gateway/theDisabled/progress', path: '/gateway/theDisabled/progress',
name: "gateway-theDisabled-progress", name: "gateway-theDisabled-progress",
component: () => import('@/view/gateway/theDisabled/progress.vue') //残疾人小康进程实现程度 component: () => import('@/view/gateway/theDisabled/progress.vue') //残疾人小康进程实现程度
},
{
path: '/gateway/dbNum/index',
name: "gateway-dbNum",
component: () => import('@/view/gateway/dbNum/index.vue') //残疾人小康进程实现程度
},
/* 党员扶残 */
{
path: '/auxiliaryDisability/information/index',
name: "auxiliaryDisability-information",
component: () => import('@/view/auxiliaryDisability/information/index.vue') //信息查询
},
{
path: '/auxiliaryDisability/tasks/taskNums',
name: "auxiliaryDisability-taskNums",
component: () => import('@/view/auxiliaryDisability/tasks/taskNums.vue') //任务指数管理
},
{
path: '/admin/administrators/subsystem',
name: "administrators-subsystem",
component: () => import('@/view/admin/administrators/subsystem.vue') //子系统管理
},
{
path: '/admin/administrators/adminList',
name: "administrators-adminList",
component: () => import('@/view/admin/administrators/adminList.vue') //用户列表
},
{
path: '/admin/administrators/roleList',
name: "administrators-roleList",
component: () => import('@/view/admin/administrators/roleList.vue') //角色管理
},
{
path: '/admin/administrators/dictionary',
name: "administrators-dictionary",
component: () => import('@/view/admin/administrators/dictionary.vue') //数据字典
},
{
path: '/admin/administrators/config',
name: "administrators-config",
component: () => import('@/view/admin/administrators/config.vue') //日志查询
},
{
path: '/admin/administrators/powerList',
name: "administrators-powerList",
component: () => import('@/view/admin/administrators/powerList.vue') //权限管理
},
{
path: '/admin/administrators/adminInfor',
name: "administrators-adminInfor",
component: () => import('@/view/admin/administrators/adminInfor.vue') //个人资料
}, },
{ {
path: '/gateway/dbNum/index', path: '/admin/administrators/adminPwd',
name: "gateway-dbNum", name: "administrators-adminPwd",
component: () => import('@/view/gateway/dbNum/index.vue') //残疾人小康进程实现程度 component: () => import('@/view/admin/administrators/adminPwd.vue') //修改密码
},
/* 党员扶残 */
{
path: '/auxiliaryDisability/information/index',
name: "auxiliaryDisability-information",
component: () => import('@/view/auxiliaryDisability/information/index.vue') //信息查询
},
{
path: '/auxiliaryDisability/tasks/taskNums',
name: "auxiliaryDisability-taskNums",
component: () => import('@/view/auxiliaryDisability/tasks/taskNums.vue') //任务指数管理
},
{
path: '/admin/administrators/subsystem',
name: "administrators-subsystem",
component: () => import('@/view/admin/administrators/subsystem.vue') //子系统管理
},
{
path: '/admin/administrators/adminList',
name: "administrators-adminList",
component: () => import('@/view/admin/administrators/adminList.vue') //用户列表
},
{
path: '/admin/administrators/roleList',
name: "administrators-roleList",
component: () => import('@/view/admin/administrators/roleList.vue') //角色管理
},
{
path: '/admin/administrators/dictionary',
name: "administrators-dictionary",
component: () => import('@/view/admin/administrators/dictionary.vue') //数据字典
},
{
path: '/admin/administrators/config',
name: "administrators-config",
component: () => import('@/view/admin/administrators/config.vue') //日志查询
}, },
{ {
path: '/admin/administrators/powerList', path: '/admin/administrators/information/list',
name: "administrators-powerList", name: "administrators-information-list",
component: () => import('@/view/admin/administrators/powerList.vue') //权限管理 component: () => import('@/view/admin/administrators/information/list.vue') //资讯管理
}, },
{ {
path: '/admin/administrators/adminInfor', path: '/admin/administrators/information/directory',
name: "administrators-adminInfor", name: "目录管理",
component: () => import('@/view/admin/administrators/adminInfor.vue') //个人资料 component: () => import('@/view/admin/administrators/information/directory.vue') //目录管理
}, },
{ {
path: '/admin/administrators/adminPwd', path: '/welcome',
name: "administrators-adminPwd", name: "欢迎页",
component: () => import('@/view/admin/administrators/adminPwd.vue') //修改密码 component: () => import('@/view/welcome.vue') //欢迎页
} }
] ]
} }
] ]
}) })
src/router/menu.js
const menu = [ const menu = [
// { // {
// title: "综合门户", // title: "综合门户",
// children: [{ // children: [{
// title: "任务处理", // title: "任务处理",
// icon: 'ios-people', // icon: 'ios-people',
// children: [{ // children: [{
// title: '任务处理', // title: '任务处理',
// path: '/gateway/handle', // path: '/gateway/handle',
// action: 'member-page' // action: 'member-page'
// }] // }]
// },{ // },{
// title: "任务地图", // title: "任务地图",
// icon: 'ios-people', // icon: 'ios-people',
// children: [{ // children: [{
// title: '任务地图', // title: '任务地图',
// path: '/gateway/map', // path: '/gateway/map',
// action: 'member-page' // action: 'member-page'
// }] // }]
// }, // },
// { // {
// title: "残疾人统计", // title: "残疾人统计",
...@@ -40,20 +40,20 @@ ...@@ -40,20 +40,20 @@
// path: '/gateway/dbNum/index', // path: '/gateway/dbNum/index',
// action: 'gateway-dbNum' // action: 'gateway-dbNum'
// }] // }]
// }] // }]
// }, // },
{ {
title: "党员扶残", title: "党员扶残",
path:"/auxiliaryDisability", path:"/auxiliaryDisability",
children: [{ children: [{
title: "信息查询", title: "信息查询",
icon: 'ios-people', icon: 'ios-people',
path:'/auxiliaryDisability/information', path:'/auxiliaryDisability/information',
children: [{ children: [{
title: '信息查询', title: '信息查询',
path: '/auxiliaryDisability/information/index', path: '/auxiliaryDisability/information/index',
action: 'auxiliaryDisability-information-index' action: 'auxiliaryDisability-information-index'
}] }]
}, },
{ {
title: "事前把关", title: "事前把关",
...@@ -65,19 +65,19 @@ ...@@ -65,19 +65,19 @@
action: 'auxiliaryDisability-tasks-taskNums' action: 'auxiliaryDisability-tasks-taskNums'
}, },
] ]
}] }]
}, },
{ {
title: "系统管理", title: "系统管理",
path:'/admin', path:'/admin',
children: [{ children: [{
title: "系统管理", title: "系统管理",
icon: 'ios-people', icon: 'md-settings',
path:'/admin/administrators', path:'/admin/administrators',
children: [{ children: [{
title: '子系统管理', title: '子系统管理',
path: '/admin/administrators/subsystem', path: '/admin/administrators/subsystem',
action: 'admin-administrators-subsystem' action: 'admin-administrators-subsystem'
}, },
{ {
title: '用户管理', title: '用户管理',
...@@ -113,10 +113,26 @@ ...@@ -113,10 +113,26 @@
title: '修改密码', title: '修改密码',
path: '/admin/administrators/adminPwd', path: '/admin/administrators/adminPwd',
action: 'admin-administrators-adminInfor' 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',
}]
}]
}]
} }
]
]
export default menu export default menu
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