1

Author: aiwoziyue

.eslintrc.js

@@ -1,7 +1,8 @@
 module.exports = {
   root: true,
   env: {
-    node: true
+    node: true,
+    es6: true,
   },
   extends: ['plugin:vue/essential', '@vue/prettier'],
   rules: {

README.md

@@ -63,7 +63,7 @@ vue-eden 是一个美观的后台管理系统模板，简称 Eden（伊甸园）
 │   ├── main.js        入口文件
 │   ├── mock           MOCK 数据
 │   ├── router         路由
-│   │   ├── asyncRouterMap.js   右侧菜单数据
+│   │   ├── asyncRouterMap.js          右侧菜单数据
 │   ├── store          Store
 │   ├── svg            svg 存放目录
 │   ├── theme          主题色 css

package.json

@@ -21,7 +21,6 @@
     "echarts": "^4.2.0-rc.2",
     "element-ui": "^2.4.11",
     "js-cookie": "^2.2.0",
-    "mockjs": "^1.0.1-beta3",
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",
     "query-string": "^6.2.0",

src/api/login.js

@@ -23,6 +23,8 @@ export function getUserInfo(username) {
   return http({
     url: '/user/info',
     method: 'get',
-    params: { username }
+    params: {
+      username
+    }
   })
 }

src/api/manage.js

@@ -0,0 +1,39 @@
+import axios from 'axios'
+
+let base = ''
+
+export const getUserList = params => {
+  return axios.get(`${base}/user/list`, {
+    params: params
+  })
+}
+
+export const getUserListPage = params => {
+  return axios.get(`${base}/user/listpage`, {
+    params: params
+  })
+}
+
+export const removeUser = params => {
+  return axios.get(`${base}/user/remove`, {
+    params: params
+  })
+}
+
+export const batchRemoveUser = params => {
+  return axios.get(`${base}/user/batchremove`, {
+    params: params
+  })
+}
+
+export const editUser = params => {
+  return axios.get(`${base}/user/edit`, {
+    params: params
+  })
+}
+
+export const addUser = params => {
+  return axios.get(`${base}/user/add`, {
+    params: params
+  })
+}

src/assets/images/avatar.jpg

@@ -46,6 +46,7 @@ export default {
   },
   sidebarDropDown: {
     profile: 'Profile',
+    change_password: 'Change Password',
     lock: 'Lock',
     logout: 'Logout'
   },

src/lang/en.js

@@ -24,10 +24,11 @@ export default {
     unlock: '解锁'
   },
   login: {
-    edenPart1: '伊甸',
-    edenPart2: '园',
+    edenPart1: '智能考勤',
+    edenPart2: '系统',
     title: '系统登录',
     btn: '登录',
+    register: '注册',
     radioEN: '英语',
     radioZH: '中文',
     forgetpwd: '忘记密码',
@@ -49,6 +50,7 @@ export default {
   },
   sidebarDropDown: {
     profile: '个人中心',
+    change_password: '修改密码',
     lock: '锁定系统',
     logout: '退出登录'
   },
@@ -66,5 +68,11 @@ export default {
     locked: '系统已被锁定！',
     unlock: '系统已解锁成功！',
     topImg: '图片展示区域'
+  },
+  user: {
+    username: '昵称',
+    token: '用户名',
+    introduction: '个性签名',
+    avatar: '头像地址'
   }
 }

src/lang/zh.js

@@ -4,7 +4,6 @@ import scroll from 'vue-seamless-scroll'
 import Icon from 'vue-svg-icon/Icon.vue'
 import '@/theme/element-#41B883/index.css'
 import '@/assets/styl/index'
-import '@/mock'
 
 import App from '@/App'
 import { router } from '@/router'
@@ -21,7 +20,7 @@ Vue.use(Element, {
   i18n: (key, value) => i18n.t(key, value)
 })
 
-Vue.config.productionTip = false
+Vue.config.productionTip = true
 
 new Vue({
   el: '#app',

src/main.js

@@ -6,9 +6,9 @@ import { getToken } from '@/utils/auth'
 import * as tools from '@/utils/tools'
 
 const hasPermission = (roles, permissionRoles) => {
-  if (roles.indexOf('admin') !== -1) return true
+  if (roles === -1) return true
   if (!permissionRoles) return true
-  return roles.some(role => permissionRoles.indexOf(role) !== -1)
+  return true
 }
 
 const whiteList = ['/login']

src/mock/index.js

@@ -1,7 +1,7 @@
-import { loginbyUser, logout, getUserInfo } from '@/api/login'
 import { setToken, removeToken } from '@/utils/auth'
 import Cookies from 'js-cookie'
 import * as types from '../mutaion-types'
+import http from '@/utils/http'
 
 const user = {
   state: {
@@ -32,7 +32,15 @@ const user = {
     loginbyUser({ commit }, { username, password }) {
       return new Promise(async (resolve, reject) => {
         try {
-          const response = await loginbyUser(username, password)
+          const data = {
+            username,
+            password
+          }
+          const response = await http({
+            url: '/login/login',
+            method: 'post',
+            data
+          })
           if (response.data) {
             commit(types.SET_TOKEN, response.data.token)
             setToken(response.data.token)
@@ -44,10 +52,10 @@ const user = {
         }
       })
     },
-    logout({ commit, state }) {
+    logout({ commit }) {
       return new Promise(async (resolve, reject) => {
         try {
-          await logout(state.token)
+          await http({ url: '/login/logout', method: 'post' })
           commit(types.SET_ROLES, '')
           commit(types.SET_ROLES, [])
           Cookies.remove('user')
@@ -68,8 +76,18 @@ const user = {
     getUserInfo({ commit }) {
       return new Promise(async (resolve, reject) => {
         try {
-          const response = await getUserInfo(Cookies.get('user'))
-          const { roles, name, avatar, introduction } = response.data
+          const username = Cookies.get('user')
+          const response = await http({
+            url: '/user/info',
+            method: 'get',
+            params: {
+              username
+            }
+          })
+          const roles = response.data.type + ''
+          const name = response.data.name
+          const avatar = response.data.avatar
+          const introduction = response.data.introduction
 
           commit(types.SET_ROLES, roles)
           commit(types.SET_NAME, name)

src/mock/login.js

@@ -1,15 +1,72 @@
 <template>
   <div>
-    attendance page
+    <h1>请假申请</h1>
+    <el-form ref="form" :model="form" label-width="80px">
+      <el-form-item label="申请人">
+        <el-input v-model="form.name" disabled></el-input>
+      </el-form-item>
+      <el-form-item label="班级">
+        <el-select v-model="form.speciality" placeholder="请选择班级">
+          <el-option label="请选择..." value="null"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="请假类型">
+        <el-select v-model="form.type" placeholder="请选择类型">
+          <el-option label="病假" value="病假"></el-option>
+          <el-option label="事假" value="事假"></el-option>
+          <el-option label="其他" value="其他"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="请假时间">
+        <el-col :span="11">
+          <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
+        </el-col>
+        <el-col class="line" :span="2">-</el-col>
+        <el-col :span="11">
+          <el-time-picker type="fixed-time" placeholder="第几节课" v-model="form.class1" style="width: 100%;"></el-time-picker>
+        </el-col>
+        <el-col class="line" :span="2">~</el-col>
+        <el-col :span="11">
+          <el-date-picker type="date" placeholder="选择日期" v-model="form.date2" style="width: 100%;"></el-date-picker>
+        </el-col>
+        <el-col class="line" :span="2">-</el-col>
+        <el-col :span="11">
+          <el-time-picker type="fixed-time" placeholder="第几节课" v-model="form.class2" style="width: 100%;"></el-time-picker>
+        </el-col>
+      </el-form-item>
+      <el-form-item label="请假原因">
+        <el-input type="textarea" v-model="form.reason"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">立即创建</el-button>
+        <el-button>取消</el-button>
+      </el-form-item>
+    </el-form>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'attendancepage'
+  name: 'attendancepage',
+  data: function() {
+    return {
+      form: {
+        name: '',
+        speciality: '',
+        date1: '',
+        class1: '',
+        date2: '',
+        class2: '',
+        reason: ''
+      }
+    }
+  },
+  mounted: {},
+  methods: {
+    // 提交请假
+    onSubmit: function() {}
+  }
 }
 </script>
 
-<style lang="stylus" scoped>
-
-</style>
+<style lang="stylus" scoped></style>