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

src/main.js

@@ -10,7 +10,6 @@ import utils from "./commons/utils/index.js"
 Vue.prototype.$echarts = echarts
 Vue.config.productionTip = false
 Vue.use(ViewUI);
-
 Vue.prototype.utils = utils
 
 

src/router/index.js

@@ -8,7 +8,7 @@ import userList from "@/view/user/list.vue" //列表
 Vue.use(Router)
 
 export default new Router({
-  mode:'hash',
+  mode: 'hash',
   //mode: 'history',
   routes: [{
       path: '/',
@@ -18,7 +18,7 @@ export default new Router({
       path: '/login',
       name: "login",
       component: login,
-    },{
+    }, {
       path: '/',
       name: 'main',
       component: Main,
@@ -61,7 +61,7 @@ export default new Router({
         },
         {
           path: '/auxiliaryDisability/tasks/taskNums',
-        name: "auxiliaryDisability-information",
+          name: "auxiliaryDisability-taskNums",
           component: () => import('@/view/auxiliaryDisability/tasks/taskNums.vue') //任务指数管理
         },
         {
@@ -91,8 +91,18 @@ export default new Router({
         },
         {
           path: '/admin/administrators/powerList',
-       name: "administrators-config",
+          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: '/admin/administrators/adminPwd',
+          name: "administrators-adminPwd",
+          component: () => import('@/view/admin/administrators/adminPwd.vue') //修改密码
         }
       ]
     }

src/router/menu.js

@@ -103,6 +103,16 @@
         title: '日志管理',
         path: '/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 @@
         <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> -->
           <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">
               <Icon :type="item.icon"></Icon>
               {{item.title}}

src/view/admin/administrators/adminInfor.vue

+<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

+<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 @@
       </p>
       <Card>
         <div class="formTopClass">
-          <Form :model="searchForm" :label-width="80" inline>
+          <Form :model="searchForm" :label-width="40" inline>
             <FormItem label="名称" class="ivuFormItem">
               <Input v-model="searchForm.typeCode" placeholder="请输入名称" class="newInput"></Input>
             </FormItem>