monkey
3 years ago
parent
54a788a917
commit
f131de1dc4
@ -0,0 +1,80 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
/**
|
||||
* 查询系统登录日志列表页接口
|
||||
* @param {*} data
|
||||
*/
|
||||
export function queryLoginLogListAPI(data) {
|
||||
return request({
|
||||
url: 'admin/log/loginRecord',
|
||||
method: 'post',
|
||||
headers: {
|
||||
'Content-Type': 'application/json;charset=UTF-8'
|
||||
},
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 系统登录日志导出
|
||||
* @param {*} data
|
||||
*/
|
||||
// export function loginLogExportAPI(data) {
|
||||
// return request({
|
||||
// url: 'admin/log/excelImport',
|
||||
// method: 'post',
|
||||
// data: data,
|
||||
// responseType: 'blob',
|
||||
// headers: {
|
||||
// 'Content-Type': 'application/json;charset=UTF-8'
|
||||
// },
|
||||
// timeout: 60000
|
||||
// })
|
||||
// }
|
||||
|
||||
/**
|
||||
* 查看系统操作日志接口
|
||||
* @param {*} data
|
||||
*/
|
||||
export function querySystemLogListAPI(data) {
|
||||
return request({
|
||||
url: 'admin/log/systemRecord',
|
||||
method: 'post',
|
||||
headers: {
|
||||
'Content-Type': 'application/json;charset=UTF-8'
|
||||
},
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 查看数据操作日志接口
|
||||
* @param {*} data
|
||||
*/
|
||||
export function queryDataOptionLogListAPI(data) {
|
||||
return request({
|
||||
url: 'admin/log/dataRecord',
|
||||
method: 'post',
|
||||
headers: {
|
||||
'Content-Type': 'application/json;charset=UTF-8'
|
||||
},
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 系统日志导出
|
||||
* @param {*} data
|
||||
*/
|
||||
export function systemLogExportAPI(data) {
|
||||
return request({
|
||||
url: 'admin/log/excelImport',
|
||||
method: 'post',
|
||||
data: data,
|
||||
responseType: 'blob',
|
||||
headers: {
|
||||
'Content-Type': 'application/json;charset=UTF-8'
|
||||
},
|
||||
timeout: 60000
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
ref="wkDialog"
|
||||
:visible="visible"
|
||||
:append-to-body="true"
|
||||
:close-on-click-modal="false"
|
||||
title="重置部门"
|
||||
width="500px"
|
||||
@close="handleCancel">
|
||||
<div >
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="fieldFrom"
|
||||
:rules="rules"
|
||||
label-position="top">
|
||||
<el-form-item
|
||||
label="部门"
|
||||
prop="structure_id">
|
||||
<wk-dep-select
|
||||
v-model="fieldFrom.structure_id"
|
||||
radio
|
||||
style="width: 100%;"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<span
|
||||
slot="footer"
|
||||
class="dialog-footer">
|
||||
<el-button @click.native="handleCancel">取消</el-button>
|
||||
<el-button
|
||||
v-debounce="handleConfirm"
|
||||
type="primary">保存</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
adminUserSetUserDeptPI
|
||||
} from '@/api/admin/employeeDep'
|
||||
|
||||
import WkDepSelect from '@/components/NewCom/WkDepSelect'
|
||||
|
||||
import ElDialogLoadingMixin from '@/mixins/ElDialogLoading'
|
||||
|
||||
export default {
|
||||
// 重置部门
|
||||
name: 'EditDepDialog',
|
||||
|
||||
components: {
|
||||
WkDepSelect
|
||||
},
|
||||
|
||||
mixins: [ElDialogLoadingMixin],
|
||||
|
||||
props: {
|
||||
selectionList: Array, // 员工信息
|
||||
visible: {
|
||||
type: Boolean,
|
||||
required: true,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
fieldFrom: {
|
||||
structure_id: ''
|
||||
},
|
||||
rules: {
|
||||
structure_id: { required: true, message: '请选择', trigger: 'change' }
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
computed: {},
|
||||
|
||||
watch: {},
|
||||
|
||||
created() {},
|
||||
|
||||
mounted() {},
|
||||
|
||||
beforeDestroy() {},
|
||||
|
||||
methods: {
|
||||
/**
|
||||
* 取消选择
|
||||
*/
|
||||
handleCancel() {
|
||||
this.$emit('update:visible', false)
|
||||
},
|
||||
|
||||
/**
|
||||
* 点击确定
|
||||
*/
|
||||
handleConfirm() {
|
||||
this.$refs.form.validate(valid => {
|
||||
if (valid) {
|
||||
const id = this.selectionList.map(item => item.id)
|
||||
this.loading = true
|
||||
adminUserSetUserDeptPI({
|
||||
...this.fieldFrom,
|
||||
id
|
||||
}).then(res => {
|
||||
this.loading = false
|
||||
this.$message.success('操作成功')
|
||||
this.$emit('change')
|
||||
this.handleCancel()
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.el-form {
|
||||
margin-top: 10px;
|
||||
/deep/ .el-form-item__label {
|
||||
line-height: 30px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,263 @@
|
||||
<template>
|
||||
<div class="main">
|
||||
<xr-header
|
||||
icon-class="wk wk-record"
|
||||
icon-color="#2362FB"
|
||||
label="数据操作日志" />
|
||||
<div class="main-body">
|
||||
<flexbox class="main-table-header">
|
||||
<el-date-picker
|
||||
v-model="dateTime"
|
||||
type="daterange"
|
||||
value-format="yyyy-MM-dd"
|
||||
range-separator="-"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"/>
|
||||
<xh-user-cell
|
||||
:radio="false"
|
||||
placeholder="选择人员"
|
||||
@value-change="userChange" />
|
||||
<el-select
|
||||
v-model="model"
|
||||
@click="modelChange">
|
||||
<el-option
|
||||
v-for="item in modelOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
<el-select
|
||||
v-model="subModelLabels"
|
||||
multiple
|
||||
collapse-tags>
|
||||
<el-option
|
||||
v-for="item in subModelsOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="refreshList">查询</el-button>
|
||||
<el-button
|
||||
class="main-table-header-button"
|
||||
@click="exportClick">导出</el-button>
|
||||
</flexbox>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
:height="tableHeight"
|
||||
class="main-table"
|
||||
highlight-current-row
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
v-for="(item, index) in fieldList"
|
||||
:key="index"
|
||||
:prop="item.prop"
|
||||
:label="item.label"
|
||||
show-overflow-tooltip/>
|
||||
<el-table-column/>
|
||||
</el-table>
|
||||
<div class="p-contianer">
|
||||
<el-pagination
|
||||
:current-page="currentPage"
|
||||
:page-sizes="pageSizes"
|
||||
:page-size.sync="pageSize"
|
||||
:total="total"
|
||||
class="p-bar"
|
||||
background
|
||||
layout="prev, pager, next, sizes, total, jumper"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
systemLogExportAPI,
|
||||
queryDataOptionLogListAPI
|
||||
} from '@/api/admin/log'
|
||||
|
||||
import XrHeader from '@/components/XrHeader'
|
||||
import XhUserCell from '@/components/CreateCom/XhUserCell'
|
||||
import { Loading } from 'element-ui'
|
||||
import HandleLogMixin from './mixins/HandleLog'
|
||||
|
||||
import { downloadExcelWithResData } from '@/utils'
|
||||
|
||||
export default {
|
||||
// 操作日志日志
|
||||
name: 'DataHandleLog',
|
||||
components: {
|
||||
XrHeader,
|
||||
XhUserCell
|
||||
},
|
||||
mixins: [HandleLogMixin],
|
||||
data() {
|
||||
return {
|
||||
loading: false, // 加载动画
|
||||
tableHeight: document.documentElement.clientHeight - 240, // 表的高度
|
||||
dateTime: [],
|
||||
userList: [],
|
||||
model: '',
|
||||
subModelLabels: [],
|
||||
list: [],
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
pageSizes: [10, 20, 30, 40],
|
||||
total: 0,
|
||||
|
||||
postParams: {}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
subModelsOptions() {
|
||||
const item = this.modelOptions.find(item => item.value === this.model)
|
||||
return item ? item.list : []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// 控制table的高度
|
||||
window.onresize = () => {
|
||||
self.tableHeight = document.documentElement.clientHeight - 240
|
||||
}
|
||||
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
userChange(data) {
|
||||
this.userList = data.value || []
|
||||
},
|
||||
|
||||
refreshList() {
|
||||
this.currentPage = 1
|
||||
this.getList()
|
||||
},
|
||||
|
||||
/**
|
||||
* 模块change
|
||||
*/
|
||||
modelChange() {
|
||||
this.subModelLabels = []
|
||||
},
|
||||
|
||||
/**
|
||||
* 获取列表数据
|
||||
*/
|
||||
getList() {
|
||||
this.loading = true
|
||||
const params = {
|
||||
page: this.currentPage,
|
||||
limit: this.pageSize,
|
||||
model: this.model
|
||||
// type: 1 // 1 数据操作日志 2 系统操作日志
|
||||
}
|
||||
if (this.userList && this.userList.length) {
|
||||
params.userIds = this.userList.map(item => item.id)
|
||||
}
|
||||
|
||||
if (this.dateTime && this.dateTime.length) {
|
||||
params.startTime = this.dateTime[0]
|
||||
params.endTime = this.dateTime[1]
|
||||
}
|
||||
|
||||
params.subModelLabels = this.subModelLabels
|
||||
this.postParams = params
|
||||
queryDataOptionLogListAPI(params)
|
||||
.then(res => {
|
||||
const list = res.data.list
|
||||
// list.forEach(item => {
|
||||
// item.model = this.getModelName(item.model)
|
||||
// })
|
||||
this.list = list
|
||||
this.total = res.data.count
|
||||
this.loading = false
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 添加审批流
|
||||
*/
|
||||
exportClick() {
|
||||
const loading = Loading.service({ fullscreen: true, text: '导出中...' })
|
||||
systemLogExportAPI({ ...this.postParams, action: 'getRecordLogs' })
|
||||
.then(res => {
|
||||
downloadExcelWithResData(res)
|
||||
loading.close()
|
||||
})
|
||||
.catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
// 更改每页展示数量
|
||||
handleSizeChange(val) {
|
||||
this.pageSize = val
|
||||
this.getList()
|
||||
},
|
||||
// 更改当前页数
|
||||
handleCurrentChange(val) {
|
||||
this.currentPage = val
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.main {
|
||||
height:100%;
|
||||
|
||||
/deep/ .xr-header {
|
||||
padding: 15px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-body {
|
||||
background-color: white;
|
||||
border-top: 1px solid $xr-border-line-color;
|
||||
border-bottom: 1px solid $xr-border-line-color;
|
||||
}
|
||||
|
||||
.main-table-header {
|
||||
height: 50px;
|
||||
background-color: white;
|
||||
position: relative;
|
||||
.main-table-header-button {
|
||||
margin-right: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.el-date-editor--daterange {
|
||||
width: 300px;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
/deep/ .user-container {
|
||||
width: 200px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.el-select {
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.p-contianer {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
height: 44px;
|
||||
.p-bar {
|
||||
float: right;
|
||||
margin: 5px 100px 0 0;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@import '../styles/table.scss';
|
||||
</style>
|
||||
@ -0,0 +1,275 @@
|
||||
<template>
|
||||
<div class="main">
|
||||
<xr-header
|
||||
icon-class="wk wk-record"
|
||||
icon-color="#2362FB"
|
||||
label="登录日志" />
|
||||
<div class="main-body">
|
||||
<flexbox class="main-table-header">
|
||||
<el-date-picker
|
||||
v-model="dateTime"
|
||||
type="daterange"
|
||||
value-format="yyyy-MM-dd"
|
||||
range-separator="-"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"/>
|
||||
<xh-user-cell
|
||||
:radio="false"
|
||||
placeholder="选择人员"
|
||||
@value-change="userChange" />
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="refreshList">查询</el-button>
|
||||
<el-button
|
||||
class="main-table-header-button"
|
||||
@click="exportClick">导出</el-button>
|
||||
</flexbox>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
:height="tableHeight"
|
||||
:cell-class-name="cellClassName"
|
||||
class="main-table"
|
||||
highlight-current-row
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
v-for="(item, index) in fieldList"
|
||||
:key="index"
|
||||
:prop="item.prop"
|
||||
:label="item.label"
|
||||
show-overflow-tooltip/>
|
||||
<el-table-column/>
|
||||
</el-table>
|
||||
<div class="p-contianer">
|
||||
<el-pagination
|
||||
:current-page="currentPage"
|
||||
:page-sizes="pageSizes"
|
||||
:page-size.sync="pageSize"
|
||||
:total="total"
|
||||
class="p-bar"
|
||||
background
|
||||
layout="prev, pager, next, sizes, total, jumper"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
queryLoginLogListAPI,
|
||||
systemLogExportAPI
|
||||
} from '@/api/admin/log'
|
||||
|
||||
import XrHeader from '@/components/XrHeader'
|
||||
import XhUserCell from '@/components/CreateCom/XhUserCell'
|
||||
import { Loading } from 'element-ui'
|
||||
|
||||
import { downloadExcelWithResData } from '@/utils'
|
||||
|
||||
export default {
|
||||
// 登录日志
|
||||
name: 'LoginLog',
|
||||
components: {
|
||||
XrHeader,
|
||||
XhUserCell
|
||||
},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {
|
||||
loading: false, // 加载动画
|
||||
tableHeight: document.documentElement.clientHeight - 240, // 表的高度
|
||||
dateTime: [],
|
||||
userList: [],
|
||||
list: [],
|
||||
fieldList: [
|
||||
{
|
||||
prop: 'username',
|
||||
label: '用户',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
prop: 'create_time',
|
||||
label: '登录时间',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
prop: 'ip',
|
||||
label: 'IP地址',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
prop: 'address',
|
||||
label: '登录地点',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
prop: 'remark',
|
||||
label: '设备类型',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
prop: 'browser',
|
||||
label: '终端内核',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
prop: 'os',
|
||||
label: '平台',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
prop: 'type',
|
||||
label: '认证结果',
|
||||
width: 100
|
||||
}
|
||||
],
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
pageSizes: [10, 20, 30, 40],
|
||||
total: 0,
|
||||
|
||||
postParams: {}
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
mounted() {
|
||||
// 控制table的高度
|
||||
window.onresize = () => {
|
||||
self.tableHeight = document.documentElement.clientHeight - 240
|
||||
}
|
||||
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
userChange(data) {
|
||||
this.userList = data.value || []
|
||||
},
|
||||
|
||||
refreshList() {
|
||||
this.currentPage = 1
|
||||
this.getList()
|
||||
},
|
||||
|
||||
/** 获取列表数据 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
const params = {
|
||||
page: this.currentPage,
|
||||
limit: this.pageSize
|
||||
}
|
||||
if (this.userList && this.userList.length) {
|
||||
params.userIds = this.userList.map(item => item.id)
|
||||
}
|
||||
|
||||
if (this.dateTime && this.dateTime.length) {
|
||||
params.startTime = this.dateTime[0]
|
||||
params.endTime = this.dateTime[1]
|
||||
}
|
||||
|
||||
this.postParams = params
|
||||
queryLoginLogListAPI(params)
|
||||
.then(res => {
|
||||
const list = res.data.list || []
|
||||
// list.forEach(item => {
|
||||
// item.authResult = {
|
||||
// 1: '成功',
|
||||
// 2: '失败'
|
||||
// }[item.authResult]
|
||||
// })
|
||||
this.list = list
|
||||
this.total = res.data.dataCount
|
||||
this.loading = false
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 通过回调控制class
|
||||
*/
|
||||
cellClassName({ row, column, rowIndex, columnIndex }) {
|
||||
if (column.property === 'name') {
|
||||
return 'can-visit--underline'
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 添加审批流
|
||||
*/
|
||||
exportClick() {
|
||||
const loading = Loading.service({ fullscreen: true, text: '导出中...' })
|
||||
systemLogExportAPI({ ...this.postParams, action: 'getLoginRecord' })
|
||||
.then(res => {
|
||||
downloadExcelWithResData(res)
|
||||
loading.close()
|
||||
})
|
||||
.catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
// 更改每页展示数量
|
||||
handleSizeChange(val) {
|
||||
this.pageSize = val
|
||||
this.getList()
|
||||
},
|
||||
// 更改当前页数
|
||||
handleCurrentChange(val) {
|
||||
this.currentPage = val
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.main {
|
||||
height:100%;
|
||||
|
||||
/deep/ .xr-header {
|
||||
padding: 15px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-body {
|
||||
background-color: white;
|
||||
border-top: 1px solid $xr-border-line-color;
|
||||
border-bottom: 1px solid $xr-border-line-color;
|
||||
}
|
||||
|
||||
.main-table-header {
|
||||
height: 50px;
|
||||
background-color: white;
|
||||
position: relative;
|
||||
.main-table-header-button {
|
||||
margin-right: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.el-date-editor--daterange {
|
||||
width: 300px;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
/deep/ .user-container {
|
||||
width: 200px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.p-contianer {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
height: 44px;
|
||||
.p-bar {
|
||||
float: right;
|
||||
margin: 5px 100px 0 0;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@import '../styles/table.scss';
|
||||
</style>
|
||||
@ -0,0 +1,240 @@
|
||||
<template>
|
||||
<div class="main">
|
||||
<xr-header
|
||||
icon-class="wk wk-record"
|
||||
icon-color="#2362FB"
|
||||
label="系统操作日志" />
|
||||
<div class="main-body">
|
||||
<flexbox class="main-table-header">
|
||||
<el-date-picker
|
||||
v-model="dateTime"
|
||||
type="daterange"
|
||||
value-format="yyyy-MM-dd"
|
||||
range-separator="-"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间"/>
|
||||
<xh-user-cell
|
||||
:radio="false"
|
||||
placeholder="选择人员"
|
||||
@value-change="userChange" />
|
||||
<el-select
|
||||
v-model="subModelLabels"
|
||||
multiple
|
||||
style="width: 200px;"
|
||||
collapse-tags>
|
||||
<el-option
|
||||
v-for="item in sysOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"/>
|
||||
</el-select>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="refreshList">查询</el-button>
|
||||
<el-button
|
||||
class="main-table-header-button"
|
||||
@click="exportClick">导出</el-button>
|
||||
</flexbox>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
:height="tableHeight"
|
||||
class="main-table"
|
||||
highlight-current-row
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
v-for="(item, index) in fieldList"
|
||||
:key="index"
|
||||
:prop="item.prop"
|
||||
:label="item.label"
|
||||
show-overflow-tooltip/>
|
||||
<el-table-column/>
|
||||
</el-table>
|
||||
<div class="p-contianer">
|
||||
<el-pagination
|
||||
:current-page="currentPage"
|
||||
:page-sizes="pageSizes"
|
||||
:page-size.sync="pageSize"
|
||||
:total="total"
|
||||
class="p-bar"
|
||||
background
|
||||
layout="prev, pager, next, sizes, total, jumper"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
querySystemLogListAPI,
|
||||
systemLogExportAPI
|
||||
} from '@/api/admin/log'
|
||||
|
||||
import XrHeader from '@/components/XrHeader'
|
||||
import XhUserCell from '@/components/CreateCom/XhUserCell'
|
||||
import { Loading } from 'element-ui'
|
||||
|
||||
import HandleLogMixin from './mixins/HandleLog'
|
||||
import { downloadExcelWithResData } from '@/utils'
|
||||
|
||||
export default {
|
||||
// 系统操作日志
|
||||
name: 'SysHandleLog',
|
||||
components: {
|
||||
XrHeader,
|
||||
XhUserCell
|
||||
},
|
||||
mixins: [HandleLogMixin],
|
||||
data() {
|
||||
return {
|
||||
loading: false, // 加载动画
|
||||
tableHeight: document.documentElement.clientHeight - 240, // 表的高度
|
||||
dateTime: [],
|
||||
userList: [],
|
||||
subModelLabels: [],
|
||||
list: [],
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
pageSizes: [10, 20, 30, 40],
|
||||
total: 0,
|
||||
|
||||
postParams: {}
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
mounted() {
|
||||
// 控制table的高度
|
||||
window.onresize = () => {
|
||||
self.tableHeight = document.documentElement.clientHeight - 240
|
||||
}
|
||||
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
userChange(data) {
|
||||
this.userList = data.value || []
|
||||
},
|
||||
|
||||
refreshList() {
|
||||
this.currentPage = 1
|
||||
this.getList()
|
||||
},
|
||||
|
||||
/** 获取列表数据 */
|
||||
getList() {
|
||||
this.loading = true
|
||||
const params = {
|
||||
page: this.currentPage,
|
||||
limit: this.pageSize
|
||||
// modules: 'admin'
|
||||
// type: 2 // 1 数据操作日志 2 系统操作日志
|
||||
}
|
||||
if (this.userList && this.userList.length) {
|
||||
params.userIds = this.userList.map(item => item.id)
|
||||
}
|
||||
|
||||
if (this.dateTime && this.dateTime.length) {
|
||||
params.startTime = this.dateTime[0]
|
||||
params.endTime = this.dateTime[1]
|
||||
}
|
||||
|
||||
params.subModelLabels = this.subModelLabels
|
||||
this.postParams = params
|
||||
querySystemLogListAPI(params)
|
||||
.then(res => {
|
||||
const list = res.data.list
|
||||
list.forEach(item => {
|
||||
item.action = item.module
|
||||
})
|
||||
this.list = list
|
||||
this.total = res.data.count
|
||||
this.loading = false
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 添加审批流
|
||||
*/
|
||||
exportClick() {
|
||||
const loading = Loading.service({ fullscreen: true, text: '导出中...' })
|
||||
systemLogExportAPI({ ...this.postParams, action: 'getSystemLogs' })
|
||||
.then(res => {
|
||||
downloadExcelWithResData(res)
|
||||
loading.close()
|
||||
})
|
||||
.catch(() => {
|
||||
loading.close()
|
||||
})
|
||||
},
|
||||
// 更改每页展示数量
|
||||
handleSizeChange(val) {
|
||||
this.pageSize = val
|
||||
this.getList()
|
||||
},
|
||||
// 更改当前页数
|
||||
handleCurrentChange(val) {
|
||||
this.currentPage = val
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.main {
|
||||
height:100%;
|
||||
|
||||
/deep/ .xr-header {
|
||||
padding: 15px 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-body {
|
||||
background-color: white;
|
||||
border-top: 1px solid $xr-border-line-color;
|
||||
border-bottom: 1px solid $xr-border-line-color;
|
||||
}
|
||||
|
||||
.main-table-header {
|
||||
height: 50px;
|
||||
background-color: white;
|
||||
position: relative;
|
||||
.main-table-header-button {
|
||||
margin-right: 20px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.el-date-editor--daterange {
|
||||
width: 300px;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
/deep/ .user-container {
|
||||
width: 200px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.el-select {
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.p-contianer {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
height: 44px;
|
||||
.p-bar {
|
||||
float: right;
|
||||
margin: 5px 100px 0 0;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@import '../styles/table.scss';
|
||||
</style>
|
||||
@ -0,0 +1,226 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
modelOptions: [{
|
||||
label: '客户管理',
|
||||
value: 'crm',
|
||||
list: [{
|
||||
label: '线索',
|
||||
value: 'crm_leads'
|
||||
}, {
|
||||
label: '客户',
|
||||
value: 'crm_customer'
|
||||
}, {
|
||||
label: '联系人',
|
||||
value: 'crm_contacts'
|
||||
}, {
|
||||
label: '商机',
|
||||
value: 'crm_business'
|
||||
}, {
|
||||
label: '合同',
|
||||
value: 'crm_contract'
|
||||
}, {
|
||||
label: '回款',
|
||||
value: 'crm_receivables'
|
||||
}, {
|
||||
label: '发票',
|
||||
value: 'crm_invoice'
|
||||
}, {
|
||||
label: '回访',
|
||||
value: 'crm_visit'
|
||||
}, {
|
||||
label: '产品',
|
||||
value: 'crm_product'
|
||||
}
|
||||
// {
|
||||
// label: '市场活动',
|
||||
// value: 30
|
||||
// }
|
||||
]
|
||||
}, {
|
||||
label: '办公管理',
|
||||
value: 'oa',
|
||||
list: [{
|
||||
label: '日历',
|
||||
value: 'oa_event'
|
||||
}, {
|
||||
label: '日志',
|
||||
value: 'oa_log'
|
||||
}]
|
||||
}, {
|
||||
label: '项目管理',
|
||||
value: 'work',
|
||||
list: [{
|
||||
label: '项目',
|
||||
value: 'work'
|
||||
}, {
|
||||
label: '任务',
|
||||
value: 'work_task'
|
||||
}]
|
||||
}
|
||||
// {
|
||||
// label: '人力资源',
|
||||
// value: 'hrm',
|
||||
// list: [{
|
||||
// label: '组织管理',
|
||||
// value: 61
|
||||
// }, {
|
||||
// label: '招聘管理',
|
||||
// value: 62
|
||||
// }, {
|
||||
// label: '候选人',
|
||||
// value: 63
|
||||
// }, {
|
||||
// label: '员工管理',
|
||||
// value: 64
|
||||
// }, {
|
||||
// label: '社保管理',
|
||||
// value: 65
|
||||
// }, {
|
||||
// label: '薪资管理',
|
||||
// value: 66
|
||||
// }, {
|
||||
// label: '薪资档案',
|
||||
// value: 67
|
||||
// }, {
|
||||
// label: '工资条',
|
||||
// value: 68
|
||||
// }, {
|
||||
// label: '绩效考核',
|
||||
// value: 69
|
||||
// }]
|
||||
// },
|
||||
// {
|
||||
// label: '进销存',
|
||||
// value: 'jxc',
|
||||
// list: [{
|
||||
// label: '供应商',
|
||||
// value: 81
|
||||
// }, {
|
||||
// label: '采购订单',
|
||||
// value: 82
|
||||
// }, {
|
||||
// label: '采购退货',
|
||||
// value: 83
|
||||
// }, {
|
||||
// label: '产品管理',
|
||||
// value: 84
|
||||
// }, {
|
||||
// label: '销售订单',
|
||||
// value: 85
|
||||
// }, {
|
||||
// label: '销售退货',
|
||||
// value: 86
|
||||
// }, {
|
||||
// label: '仓库管理',
|
||||
// value: 87
|
||||
// }, {
|
||||
// label: '产品库存',
|
||||
// value: 88
|
||||
// }, {
|
||||
// label: '产品入库',
|
||||
// value: 89
|
||||
// }, {
|
||||
// label: '产品出库',
|
||||
// value: 90
|
||||
// }, {
|
||||
// label: '库存调拨',
|
||||
// value: 91
|
||||
// }, {
|
||||
// label: '库存盘点',
|
||||
// value: 92
|
||||
// }, {
|
||||
// label: '回款',
|
||||
// value: 93
|
||||
// }, {
|
||||
// label: '付款',
|
||||
// value: 93
|
||||
// }]
|
||||
// }
|
||||
],
|
||||
sysOptions: [{
|
||||
label: '企业首页',
|
||||
value: 'company'
|
||||
}, {
|
||||
label: '应用管理',
|
||||
value: 'application'
|
||||
}, {
|
||||
label: '员工管理',
|
||||
value: 'employee'
|
||||
}, {
|
||||
label: '部门管理',
|
||||
value: 'structures'
|
||||
}, {
|
||||
label: '角色管理',
|
||||
value: 'role'
|
||||
}, {
|
||||
label: '项目管理',
|
||||
value: 'project'
|
||||
}, {
|
||||
label: '客户管理',
|
||||
value: 'customer'
|
||||
},
|
||||
// {
|
||||
// label: '人力资源',
|
||||
// value: 8
|
||||
// }, {
|
||||
// label: '进销存',
|
||||
// value: 9
|
||||
// },
|
||||
{
|
||||
label: '其他设置',
|
||||
value: 'work_task'
|
||||
}],
|
||||
fieldList: [
|
||||
{
|
||||
prop: 'user_name',
|
||||
label: '用户',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
prop: 'create_time',
|
||||
label: '时间',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
prop: 'ip',
|
||||
label: 'IP地址',
|
||||
width: 100
|
||||
},
|
||||
{
|
||||
prop: 'action',
|
||||
label: '模块',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
prop: 'action_name',
|
||||
label: '行为',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
prop: 'source_name',
|
||||
label: '对象',
|
||||
width: 150
|
||||
},
|
||||
{
|
||||
prop: 'content',
|
||||
label: '操作详情',
|
||||
width: 100
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
getModelName(model) {
|
||||
return {
|
||||
crm: '客户管理',
|
||||
oa: '办公管理',
|
||||
work: '项目管理',
|
||||
hrm: '人力资源',
|
||||
jxc: '进销存',
|
||||
admin: '系统管理'
|
||||
}[model]
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue