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