Skip to content

A
adminDemo
Commit 3f271a89 by 黄志甲
Options

更新系统管理页面，完成系统管理所有页面

parent 581b4598
Showing with 202 additions and 73 deletions
src/main.js
...@@ -10,7 +10,6 @@ import utils from "./commons/utils/index.js" ...@@ -10,7 +10,6 @@ import utils from "./commons/utils/index.js"
Vue.prototype.$echarts = echarts Vue.prototype.$echarts = echarts
Vue.config.productionTip = false Vue.config.productionTip = false
Vue.use(ViewUI); Vue.use(ViewUI);
Vue.prototype.utils = utils Vue.prototype.utils = utils
......
src/router/index.js
...@@ -8,7 +8,7 @@ import userList from "@/view/user/list.vue" //列表 ...@@ -8,7 +8,7 @@ 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: '/',
...@@ -18,7 +18,7 @@ export default new Router({ ...@@ -18,7 +18,7 @@ export default new Router({
path: '/login', path: '/login',
name: "login", name: "login",
component: login, component: login,
},{ }, {
path: '/', path: '/',
name: 'main', name: 'main',
component: Main, component: Main,
...@@ -27,73 +27,83 @@ export default new Router({ ...@@ -27,73 +27,83 @@ export default new Router({
}, },
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', path: '/gateway/dbNum/index',
name: "gateway-dbNum", name: "gateway-dbNum",
component: () => import('@/view/gateway/dbNum/index.vue') //残疾人小康进程实现程度 component: () => import('@/view/gateway/dbNum/index.vue') //残疾人小康进程实现程度
}, },
/* 党员扶残 */ /* 党员扶残 */
{ {
path: '/auxiliaryDisability/information/index', path: '/auxiliaryDisability/information/index',
name: "auxiliaryDisability-information", name: "auxiliaryDisability-information",
component: () => import('@/view/auxiliaryDisability/information/index.vue') //信息查询 component: () => import('@/view/auxiliaryDisability/information/index.vue') //信息查询
}, },
{ {
path: '/auxiliaryDisability/tasks/taskNums', path: '/auxiliaryDisability/tasks/taskNums',
name: "auxiliaryDisability-information", name: "auxiliaryDisability-taskNums",
component: () => import('@/view/auxiliaryDisability/tasks/taskNums.vue') //任务指数管理 component: () => import('@/view/auxiliaryDisability/tasks/taskNums.vue') //任务指数管理
}, },
{ {
path: '/admin/administrators/subsystem', path: '/admin/administrators/subsystem',
name: "administrators-subsystem", name: "administrators-subsystem",
component: () => import('@/view/admin/administrators/subsystem.vue') //子系统管理 component: () => import('@/view/admin/administrators/subsystem.vue') //子系统管理
}, },
{ {
path: '/admin/administrators/adminList', path: '/admin/administrators/adminList',
name: "administrators-adminList", name: "administrators-adminList",
component: () => import('@/view/admin/administrators/adminList.vue') //用户列表 component: () => import('@/view/admin/administrators/adminList.vue') //用户列表
}, },
{ {
path: '/admin/administrators/roleList', path: '/admin/administrators/roleList',
name: "administrators-roleList", name: "administrators-roleList",
component: () => import('@/view/admin/administrators/roleList.vue') //角色管理 component: () => import('@/view/admin/administrators/roleList.vue') //角色管理
}, },
{ {
path: '/admin/administrators/dictionary', path: '/admin/administrators/dictionary',
name: "administrators-dictionary", name: "administrators-dictionary",
component: () => import('@/view/admin/administrators/dictionary.vue') //数据字典 component: () => import('@/view/admin/administrators/dictionary.vue') //数据字典
}, },
{ {
path: '/admin/administrators/config', path: '/admin/administrators/config',
name: "administrators-config", name: "administrators-config",
component: () => import('@/view/admin/administrators/config.vue') //日志查询 component: () => import('@/view/admin/administrators/config.vue') //日志查询
}, },
{ {
path: '/admin/administrators/powerList', path: '/admin/administrators/powerList',
name: "administrators-config", name: "administrators-powerList",
component: () => import('@/view/admin/administrators/powerList.vue') //权限管理 component: () => import('@/view/admin/administrators/powerList.vue') //权限管理
} },
{
path: '/admin/administrators/adminInfor',
name: "administrators-adminInfor",
component: () => import('@/view/admin/administrators/adminInfor.vue') //个人资料
},
{
path: '/admin/administrators/adminPwd',
name: "administrators-adminPwd",
component: () => import('@/view/admin/administrators/adminPwd.vue') //修改密码
}
] ]
} }
] ]
......
src/router/menu.js
...@@ -103,6 +103,16 @@ ...@@ -103,6 +103,16 @@
title: '日志管理', title: '日志管理',
path: '/admin/administrators/config', path: '/admin/administrators/config',
action: 'admin-administrators-config' action: 'admin-administrators-config'
},
{
title: '个人资料',
path: '/admin/administrators/adminInfor',
action: 'admin-administrators-adminInfor'
},
{
title: '个人资料',
path: '/admin/administrators/adminPwd',
action: 'admin-administrators-adminInfor'
}] }]
}] }]
} }
......
src/view/Main.vue
...@@ -9,8 +9,7 @@ ...@@ -9,8 +9,7 @@
<Menu theme="dark" ref="side_menu" width="auto" :active-name="activeName" :open-names="openNames" accordion> <Menu theme="dark" ref="side_menu" width="auto" :active-name="activeName" :open-names="openNames" accordion>
<!-- <Menu theme="dark" ref="side_menu" width="auto" :active-name="$route.path" accordion> --> <!-- <Menu theme="dark" ref="side_menu" width="auto" :active-name="$route.path" accordion> -->
<Submenu <Submenu
:name="index+1" v-for="(item,index) in menu[headerIndex].children" :key="index" :name="index+1" v-for="(item,index) in menu[headerIndex].children" :key="index">
>
<template slot="title"> <template slot="title">
<Icon :type="item.icon"></Icon> <Icon :type="item.icon"></Icon>
{{item.title}} {{item.title}}
......
src/view/admin/administrators/adminInfor.vue 0 → 100644
<template>
<Row type="flex" justify="center" align="middle">
<Col :xs="24" :md="8">
<Card>
<p slot="title">
<span class="font-20">个人资料</span>
</p>
<Form ref="modalInfordata" :model="modalInfordata" :label-width="80">
<FormItem label="用户名" prop="name">
<Input v-model="modalInfordata.name" placeholder="请输入用户名"></Input>
</FormItem>
<FormItem label="邮箱" prop="pwd">
<Input v-model="modalInfordata.email" placeholder="请输入密码"></Input>
</FormItem>
<FormItem label="电话" prop="pwd">
<Input v-model="modalInfordata.tel" placeholder="请输入排序"></Input>
</FormItem>
<FormItem label="登陆密码" prop="pwd">
<Input v-model="modalInfordata.pwd" type="password" password placeholder="请输入登陆密码"></Input>
</FormItem>
<FormItem>
<Row type="flex" justify="center">
<Button type="primary" style="margin-right:100px" @click="updateOk">
修改
</Button>
<Button @click="reset">
重置
</Button>
</Row>
</FormItem>
</Form>
</Card>
</Col>
</Row>
</template>
<script>
export default {
data() {
return {
modalInfordata: {}
}
},
methods:{
updateOk(){
console.log("修改")
},
reset(){
this.modalInfordata = {}
}
}
}
</script>
<style>
</style>
src/view/admin/administrators/adminPwd.vue 0 → 100644
<template>
<Row type="flex" justify="center" align="middle">
<Col :xs="24" :md="8">
<Card>
<p slot="title">
<span class="font-20">修改密码</span>
</p>
<Form ref="modalInfordata" :model="modalInfordata" :label-width="100">
<FormItem label="用户名" prop="name">
<Input v-model="modalInfordata.name" placeholder="请输入用户名"></Input>
</FormItem>
<FormItem label="当前登录密码" prop="pwd">
<Input v-model="modalInfordata.pwd" placeholder="请输入密码"></Input>
</FormItem>
<FormItem label="新密码" prop="pwd">
<Input v-model="modalInfordata.newPwd" placeholder="请输入排序"></Input>
</FormItem>
<FormItem>
<Row type="flex" justify="center">
<Button type="primary" style="margin-right:100px" @click="updateOk">
修改
</Button>
<Button @click="reset">
重置
</Button>
</Row>
</FormItem>
</Form>
</Card>
</Col>
</Row>
</template>
<script>
export default {
data() {
return {
modalInfordata: {}
}
},
methods:{
updateOk(){
console.log("修改")
},
reset(){
this.modalInfordata = {}
}
}
}
</script>
<style>
</style>
src/view/admin/administrators/powerList.vue
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
</p> </p>
<Card> <Card>
<div class="formTopClass"> <div class="formTopClass">
<Form :model="searchForm" :label-width="80" inline> <Form :model="searchForm" :label-width="40" inline>
<FormItem label="名称" class="ivuFormItem"> <FormItem label="名称" class="ivuFormItem">
<Input v-model="searchForm.typeCode" placeholder="请输入名称" class="newInput"></Input> <Input v-model="searchForm.typeCode" placeholder="请输入名称" class="newInput"></Input>
</FormItem> </FormItem>
......
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