bonus
/
ahdevicemgt-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

解决启动时警告信息

This commit is contained in:
BianLzhaoMin 2024-08-06 17:14:17 +08:00
parent cc5da89386
commit 9236d34a6a
4 changed files with 860 additions and 609 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -57,6 +57,7 @@
"vue": "2.6.12", "vue": "2.6.12",
"vue-count-to": "1.0.13", "vue-count-to": "1.0.13",
"vue-cropper": "0.5.5", "vue-cropper": "0.5.5",
"vue-loader-plugin": "^1.3.0",
"vue-meta": "2.4.0", "vue-meta": "2.4.0",
"vue-router": "3.4.9", "vue-router": "3.4.9",
"vuedraggable": "2.24.3", "vuedraggable": "2.24.3",

489
src/views/system/log/abnormalLog/index.vue
View File

@ -1,84 +1,156 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<el-input
<el-input v-model="listQuery.ip" placeholder="请输入IP地址" v-model="listQuery.ip"
style="width: 200px" class="filter-item ml-20" :maxlength="30" placeholder="请输入IP地址"
@keyup.enter.native="handleFilter" style="width: 200px"
/> class="filter-item ml-20"
<el-date-picker :maxlength="30"
v-model="rangeDate" @keyup.enter.native="handleFilter"
style="width: 300px" />
class="filter-item ml-20" <el-date-picker
value-format="yyyy-MM-dd" v-model="rangeDate"
type="daterange" style="width: 300px"
range-separator="至" class="filter-item ml-20"
start-placeholder="开始日期" value-format="yyyy-MM-dd"
end-placeholder="结束日期" type="daterange"
/> range-separator="至"
<el-select v-model="listQuery.grade" placeholder="请选择异常等级" style="width: 200px" class="filter-item ml-20"> start-placeholder="开始日期"
<el-option v-for="item in Object.keys(levelList)" :key="item" :value="levelList[item]" :label="levelList[item]" /> end-placeholder="结束日期"
</el-select> />
<!-- <el-input v-model="listQuery.errType" placeholder="请输入异常类型" <el-select
v-model="listQuery.grade"
placeholder="请选择异常等级"
style="width: 200px"
class="filter-item ml-20"
>
<el-option
v-for="item in Object.keys(levelList)"
:key="item"
:value="levelList[item]"
:label="levelList[item]"
/>
</el-select>
<!-- <el-input v-model="listQuery.errType" placeholder="请输入异常类型"
style="width: 200px" class="filter-item" :maxlength="30" style="width: 200px" class="filter-item" :maxlength="30"
@keyup.enter.native="handleFilter" @keyup.enter.native="handleFilter"
/> --> /> -->
<el-select v-model="listQuery.errType" placeholder="请选择异常类型" style="width: 200px" class="filter-item ml-20"> <el-select
<el-option v-for="item in Object.keys(typeList)" :key="item" :value="typeList[item]" :label="typeList[item]" /> v-model="listQuery.errType"
</el-select> placeholder="请选择异常类型"
style="width: 200px"
class="filter-item ml-20"
>
<el-option
v-for="item in Object.keys(typeList)"
:key="item"
:value="typeList[item]"
:label="typeList[item]"
/>
</el-select>
<el-select v-model="listQuery.logSort" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" > <el-select
<el-option v-for="item in timeList" :key="item.id" :label="item.name" :value="item.id" /> v-model="listQuery.logSort"
</el-select> clearable
<el-select v-model="listQuery.logDesc" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" > filterable
<el-option v-for="item in sortList" :key="item.id" :label="item.name" :value="item.id" /> style="width: 200px"
</el-select> class="filter-item ml-20"
<el-button style="margin-left: 20px" class="filter-item" type="primary" @click="handleFilter"> placeholder="请选择"
查询 >
</el-button> <el-option
<el-button style="margin-left: 20px" class="filter-item" @click="resetFilter"> v-for="item in timeList"
重置 :key="item.id"
</el-button> :label="item.name"
<!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning"> :value="item.id"
/>
</el-select>
<el-select
v-model="listQuery.logDesc"
clearable
filterable
style="width: 200px"
class="filter-item ml-20"
placeholder="请选择"
>
<el-option
v-for="item in sortList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
<el-button
style="margin-left: 20px"
class="filter-item"
type="primary"
@click="handleFilter"
>
查询
</el-button>
<el-button
style="margin-left: 20px"
class="filter-item"
@click="resetFilter"
>
重置
</el-button>
<!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning">
备份 备份
</el-button> --> </el-button> -->
</div> </div>
<el-table <el-table
:key="tableKey" :key="tableKey"
v-loading="listLoading" v-loading="listLoading"
:data="list" :data="list"
border border
fit fit
highlight-current-row highlight-current-row
style="width: 100%" style="width: 100%"
:max-height="tableHeight" :max-height="tableHeight"
> >
<el-table-column label="序号" align="center" width="80" type="index"> <el-table-column
<template scope="scope"> label="序号"
<span>{{ (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1 }}</span> align="center"
</template> width="80"
</el-table-column> type="index"
<el-table-column label="操作人" align="center" prop="operaUserName"> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.operaUserName||'/' }}</span> <span>{{
</template> (listQuery.pageNum - 1) * listQuery.pageSize +
scope.$index +
</el-table-column> 1
<el-table-column label="操作时间" align="center" prop="operTime" width="180"/> }}</span>
<el-table-column label="IP地址" align="center" prop="ip"/> </template>
<el-table-column label="操作模块" align="center" prop="model" > </el-table-column>
<template slot-scope="scope"> <el-table-column label="操作人" align="center" prop="operaUserName">
<span>{{ scope.row.model||'/' }}</span> <template slot-scope="scope">
</template> <span>{{ scope.row.operaUserName || '/' }}</span>
</template>
</el-table-column> </el-table-column>
<el-table-column label="异常类型" align="center" prop="errType" /> <el-table-column
<el-table-column label="异常原因" align="center" prop="operateDetail"/> label="操作时间"
<el-table-column label="异常等级" align="center" prop="grade"/> align="center"
<!-- <el-table-column label="事件结果" align="center" prop="failureReason"/> --> prop="operTime"
<el-table-column label="操作类型" align="center" prop="operType" /> width="180"
<!-- />
<el-table-column label="IP地址" align="center" prop="ip" />
<el-table-column label="操作模块" align="center" prop="model">
<template slot-scope="scope">
<span>{{ scope.row.model || '/' }}</span>
</template>
</el-table-column>
<el-table-column label="异常类型" align="center" prop="errType" />
<el-table-column
label="异常原因"
align="center"
prop="operateDetail"
/>
<el-table-column label="异常等级" align="center" prop="grade" />
<!-- <el-table-column label="事件结果" align="center" prop="failureReason"/> -->
<el-table-column label="操作类型" align="center" prop="operType" />
<!--
<el-table-column label="操作详情" align="center" prop="operateDetail" /> <el-table-column label="操作详情" align="center" prop="operateDetail" />
<el-table-column label="操作结果" align="center" prop="errLevel"> <el-table-column label="操作结果" align="center" prop="errLevel">
@ -88,18 +160,18 @@
</el-table-column> </el-table-column>
<el-table-column label="操作参数" align="center" prop="params" /> <el-table-column label="操作参数" align="center" prop="params" />
<el-table-column label="操作方法" align="center" prop="method" /> --> <el-table-column label="操作方法" align="center" prop="method" /> -->
<el-table-column label="操作路径" align="center" prop="operUri" /> <el-table-column label="操作路径" align="center" prop="operUri" />
<!-- <el-table-column label="执行时间(ms)" align="center" prop="times" /> --> <!-- <el-table-column label="执行时间(ms)" align="center" prop="times" /> -->
</el-table> </el-table>
<pagination <pagination
v-show="total > 0" v-show="total > 0"
:total="total" :total="total"
:page.sync="listQuery.pageNum" :page.sync="listQuery.pageNum"
:limit.sync="listQuery.pageSize" :limit.sync="listQuery.pageSize"
@pagination="getList" @pagination="getList"
/> />
</div> </div>
</template> </template>
<script> <script>
@ -108,133 +180,144 @@ import Pagination from '@/components/Pagination'
import _ from 'lodash/fp' import _ from 'lodash/fp'
import { downloadFile } from '@/utils/download' import { downloadFile } from '@/utils/download'
import { getErrLogs,downloadErrLogs } from '@/api/system/log' import { getErrLogs, downloadErrLogs } from '@/api/system/log'
const levelList = { const levelList = {
1:'高', 1: '高',
2:'中', 2: '中',
3:'低' 3: '低',
}; }
const typeList = { const typeList = {
1:'越权访问', 1: '越权访问',
2:'IP异常', 2: 'IP异常',
// 3:'删除', // 3:'删除',
// 4:'查询', // 4:'查询',
// 5:'导出', // 5:'导出',
// 6:'下载', // 6:'下载',
// 7:'备份', // 7:'备份',
// 8:'登录', // 8:'登录',
// 9:'登出' // 9:'登出'
}; }
export default { export default {
components: { Pagination }, components: { Pagination },
data() { data() {
return { return {
tableKey: 0, tableKey: 0,
list: [], list: [],
levelList: levelList, levelList: levelList,
total: 0, total: 0,
listLoading: false, listLoading: false,
tableHeight: 650, tableHeight: 650,
typeList: typeList, typeList: typeList,
timeList:[{id:1,name:'时间'},{id:2,name:'操作人'},{id:4,name:'ip'},{id:5,name:'异常等级'}], timeList: [
sortList:[{id:1,name:'倒序'},{id:2,name:'升序'}], { id: 1, name: '时间' },
listQuery: { { id: 2, name: '操作人' },
pageNum: 1, { id: 4, name: 'ip' },
pageSize: 10, { id: 5, name: '异常等级' },
errType: '', ],
ip: '', sortList: [
errLevel: '', { id: 1, name: '倒序' },
operTime:'', { id: 2, name: '升序' },
// logSort:1, ],
logDesc:1, listQuery: {
}, pageNum: 1,
rangeDate:[], pageSize: 10,
} errType: '',
}, ip: '',
created() { errLevel: '',
// this.getList() operTime: '',
// this.getOperate() // logSort:1,
}, logDesc: 1,
mounted() { },
this.listQuery.operTime = this.getCurrentDate()+' - '+this.getCurrentDate(); rangeDate: [],
this.rangeDate = [this.getCurrentDate(),this.getCurrentDate()] }
this.getList()
},
methods: {
getStatus(val) {
return this.levelList[val]
}, },
//获取下拉数据 created() {
getOperate(){ // this.getList()
// getOperateList().then((response) => { // this.getOperate()
// this.typeList = response.data
// })
}, },
mounted() {
this.listQuery.operTime =
this.getCurrentDate() + ' - ' + this.getCurrentDate()
this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
this.getList()
},
methods: {
getStatus(val) {
return this.levelList[val]
},
//获取下拉数据
getOperate() {
// getOperateList().then((response) => {
// this.typeList = response.data
// })
},
getList() { getList() {
this.listLoading = true this.listLoading = true
if(this.rangeDate && this.rangeDate.length>0){ if (this.rangeDate && this.rangeDate.length > 0) {
this.listQuery.operTime = this.rangeDate[0]+' - '+this.rangeDate[1]; this.listQuery.operTime =
} this.rangeDate[0] + ' - ' + this.rangeDate[1]
getErrLogs(this.listQuery).then((response) => { }
this.list = response.rows.map(item => { getErrLogs(this.listQuery).then((response) => {
return item this.list = response.rows.map((item) => {
}) return item
this.total = response.total })
}) this.total = response.total
setTimeout(()=>{ })
this.listLoading = false setTimeout(() => {
},500) this.listLoading = false
}, 500)
},
// 查询
handleFilter() {
this.listQuery.pageNum = 1
this.getList()
},
//重置
resetFilter() {
this.listQuery = {
pageNum: 1,
pageSize: 10,
errType: '',
ip: '',
grade: '',
// logSort:1,
logDesc: 1,
}
this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
this.handleFilter()
},
// 备份
handleBackups() {
downloadErrLogs().then((res) => {
downloadFile({
fileName: '异常日志.sql',
fileData: res,
fileType: 'text/html;charset=UTF-8',
})
})
},
//导出
handleExport() {
// exportCarDetail().then(res => {
// downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
// })
},
getCurrentDate() {
let now = new Date()
let year = now.getFullYear()
let month = now.getMonth() + 1
if (month < 10) {
month = '0' + month
}
let day = now.getDate()
if (day < 10) {
day = '0' + day
}
return year + '-' + month + '-' + day
},
}, },
// 查询
handleFilter() {
this.listQuery.pageNum = 1
this.getList()
},
//重置
resetFilter() {
this.listQuery={
pageNum: 1,
pageSize: 10,
errType: '',
ip: '',
grade: '',
// logSort:1,
logDesc:1,
};
this.rangeDate=[this.getCurrentDate(),this.getCurrentDate()]
this.handleFilter()
},
// 备份
handleBackups() {
downloadErrLogs().then(res => {
downloadFile({ fileName: '异常日志.sql', fileData: res, fileType: 'text/html;charset=UTF-8'})
})
},
//导出
handleExport(){
// exportCarDetail().then(res => {
// downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
// })
},
getCurrentDate() {
let now = new Date();
let year = now.getFullYear();
let month = now.getMonth() + 1;
if(month<10){
month = '0'+month
}
let day = now.getDate();
if(day<10){
day = '0'+day
}
return year + "-" + month + "-" + day;
}
}
} }
</script> </script>

499
src/views/system/log/businessLog/index.vue
View File

@ -1,231 +1,320 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<el-input v-model="listQuery.operaUserName" placeholder="请输入操作人" <el-input
style="width: 200px" class="filter-item" :maxlength="30" v-model="listQuery.operaUserName"
@keyup.enter.native="handleFilter" placeholder="请输入操作人"
/> style="width: 200px"
<el-input v-model="listQuery.ip" placeholder="请输入IP地址" class="filter-item"
style="width: 200px" class="filter-item ml-20" :maxlength="30" :maxlength="30"
@keyup.enter.native="handleFilter" @keyup.enter.native="handleFilter"
/> />
<el-date-picker <el-input
v-model="rangeDate" v-model="listQuery.ip"
style="width: 300px" placeholder="请输入IP地址"
class="filter-item ml-20" style="width: 200px"
value-format="yyyy-MM-dd" class="filter-item ml-20"
type="daterange" :maxlength="30"
range-separator="至" @keyup.enter.native="handleFilter"
start-placeholder="开始日期" />
end-placeholder="结束日期" <el-date-picker
/> v-model="rangeDate"
<!-- <el-input v-model="listQuery.content" placeholder="请输入操作内容" style="width: 300px"
class="filter-item ml-20"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
/>
<!-- <el-input v-model="listQuery.content" placeholder="请输入操作内容"
style="width: 200px" class="filter-item ml-20" :maxlength="30" style="width: 200px" class="filter-item ml-20" :maxlength="30"
@keyup.enter.native="handleFilter" @keyup.enter.native="handleFilter"
/> --> /> -->
<el-select v-model="listQuery.result" placeholder="请选择事件结果" style="width: 200px" class="filter-item ml-20"> <el-select
<el-option v-for="item in Object.keys(outcomeList)" :key="item" :value="outcomeList[item]" :label="outcomeList[item]" /> v-model="listQuery.result"
</el-select> placeholder="请选择事件结果"
<el-select v-model="listQuery.operType" placeholder="请选择操作类型" style="width: 200px" class="filter-item ml-20"> style="width: 200px"
<el-option v-for="item in Object.keys(operateList)" :key="item" :value="operateList[item]" :label="operateList[item]" /> class="filter-item ml-20"
</el-select> >
<el-option
v-for="item in Object.keys(outcomeList)"
:key="item"
:value="outcomeList[item]"
:label="outcomeList[item]"
/>
</el-select>
<el-select
v-model="listQuery.operType"
placeholder="请选择操作类型"
style="width: 200px"
class="filter-item ml-20"
>
<el-option
v-for="item in Object.keys(operateList)"
:key="item"
:value="operateList[item]"
:label="operateList[item]"
/>
</el-select>
<el-select v-model="listQuery.logSort" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" > <el-select
<el-option v-for="item in timeList" :key="item.id" :label="item.name" :value="item.id" /> v-model="listQuery.logSort"
</el-select> clearable
<el-select v-model="listQuery.logDesc" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" > filterable
<el-option v-for="item in sortList" :key="item.id" :label="item.name" :value="item.id" /> style="width: 200px"
</el-select> class="filter-item ml-20"
<el-button style="margin-left: 20px" class="filter-item" type="primary" @click="handleFilter"> placeholder="请选择"
查询 >
</el-button> <el-option
<el-button style="margin-left: 20px" class="filter-item" @click="resetFilter"> v-for="item in timeList"
重置 :key="item.id"
</el-button> :label="item.name"
<!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning"> :value="item.id"
/>
</el-select>
<el-select
v-model="listQuery.logDesc"
clearable
filterable
style="width: 200px"
class="filter-item ml-20"
placeholder="请选择"
>
<el-option
v-for="item in sortList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
<el-button
style="margin-left: 20px"
class="filter-item"
type="primary"
@click="handleFilter"
>
查询
</el-button>
<el-button
style="margin-left: 20px"
class="filter-item"
@click="resetFilter"
>
重置
</el-button>
<!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning">
备份 备份
</el-button> --> </el-button> -->
</div> </div>
<el-table <el-table
:key="tableKey" :key="tableKey"
v-loading="listLoading" v-loading="listLoading"
:data="list" :data="list"
border border
fit fit
highlight-current-row highlight-current-row
style="width: 100%" style="width: 100%"
:max-height="tableHeight" :max-height="tableHeight"
> >
<el-table-column label="序号" align="center" width="80" type="index"> <el-table-column
<template scope="scope"> label="序号"
<span>{{ (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1 }}</span> align="center"
</template> width="80"
</el-table-column> type="index"
<el-table-column label="操作人" align="center" prop="operaUserName" /> >
<el-table-column label="操作时间" align="center" prop="operTime" /> <template slot-scope="scope">
<el-table-column label="IP地址" align="center" prop="ip" /> <span>{{
<el-table-column label="操作模块" align="center" prop="model" /> (listQuery.pageNum - 1) * listQuery.pageSize +
<el-table-column label="操作类型" align="center" prop="operType" /> scope.$index +
<el-table-column label="操作详情" align="center" prop="operateDetail" /> 1
<el-table-column label="操作结果" align="center" prop="result"> }}</span>
<template slot-scope="{ row }"> </template>
{{ row.result}} </el-table-column>
</template> <el-table-column
</el-table-column> label="操作人"
<el-table-column label="操作参数" align="center" prop="params" /> align="center"
<el-table-column label="操作方法" align="center" prop="method" /> prop="operaUserName"
<el-table-column label="操作路径" align="center" prop="operUri" /> />
<el-table-column label="执行时间(ms)" align="center" prop="times" /> <el-table-column label="操作时间" align="center" prop="operTime" />
</el-table> <el-table-column label="IP地址" align="center" prop="ip" />
<el-table-column label="操作模块" align="center" prop="model" />
<el-table-column label="操作类型" align="center" prop="operType" />
<el-table-column
label="操作详情"
align="center"
prop="operateDetail"
/>
<el-table-column label="操作结果" align="center" prop="result">
<template slot-scope="{ row }">
{{ row.result }}
</template>
</el-table-column>
<el-table-column label="操作参数" align="center" prop="params" />
<el-table-column label="操作方法" align="center" prop="method" />
<el-table-column label="操作路径" align="center" prop="operUri" />
<el-table-column label="执行时间(ms)" align="center" prop="times" />
</el-table>
<pagination <pagination
v-show="total > 0" v-show="total > 0"
:total="total" :total="total"
:page.sync="listQuery.pageNum" :page.sync="listQuery.pageNum"
:limit.sync="listQuery.pageSize" :limit.sync="listQuery.pageSize"
@pagination="getList" @pagination="getList"
/> />
</div> </div>
</template> </template>
<script> <script>
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
import _ from 'lodash/fp' import _ from 'lodash/fp'
import { downloadFile } from '@/utils/download' import { downloadFile } from '@/utils/download'
import { getYwLogs,downloadYwLogs } from '@/api/system/log' import { getYwLogs, downloadYwLogs } from '@/api/system/log'
const outcomeList = {
1: '成功',
2: '失败',
}
const operateList = {
1: '新增',
2: '修改',
3: '删除',
4: '查询',
5: '导出',
6: '下载',
7: '备份',
8: '登录',
9: '登出',
}
const outcomeList = { export default {
1:'成功',
2:'失败'
};
const operateList = {
1:'新增',
2:'修改',
3:'删除',
4:'查询',
5:'导出',
6:'下载',
7:'备份',
8:'登录',
9:'登出'
};
export default {
components: { Pagination }, components: { Pagination },
data() { data() {
return { return {
tableKey: 0, tableKey: 0,
list: [], list: [],
outcomeList: outcomeList, outcomeList: outcomeList,
total: 0, total: 0,
listLoading: false, listLoading: false,
tableHeight: 650, tableHeight: 650,
operateList: operateList, operateList: operateList,
timeList:[{id:1,name:'时间'},{id:2,name:'操作人'},{id:3,name:'操作模块'},{id:4,name:'ip'},], timeList: [
sortList:[{id:1,name:'倒序'},{id:2,name:'升序'}], { id: 1, name: '时间' },
listQuery: { { id: 2, name: '操作人' },
pageNum: 1, { id: 3, name: '操作模块' },
pageSize: 10, { id: 4, name: 'ip' },
operaUserName: '', ],
ip: '', sortList: [
content:'', { id: 1, name: '倒序' },
result: '', { id: 2, name: '升序' },
operTime:'', ],
operType: '', listQuery: {
logSort:1, pageNum: 1,
logDesc:1, pageSize: 10,
}, operaUserName: '',
rangeDate:[], ip: '',
} content: '',
result: '',
operTime: '',
operType: '',
logSort: 1,
logDesc: 1,
},
rangeDate: [],
}
}, },
created() { created() {
// this.getList() // this.getList()
// this.getOperate() // this.getOperate()
}, },
mounted() { mounted() {
this.listQuery.operTime = this.getCurrentDate()+' - '+this.getCurrentDate(); this.listQuery.operTime =
this.rangeDate = [this.getCurrentDate(),this.getCurrentDate()] this.getCurrentDate() + ' - ' + this.getCurrentDate()
this.getList() this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
this.getList()
}, },
methods: { methods: {
getStatus(val) { getStatus(val) {
return this.outcomeList[val] return this.outcomeList[val]
}, },
//获取下拉数据 //获取下拉数据
getOperate(){ getOperate() {
// getOperateList().then((response) => { // getOperateList().then((response) => {
// this.operateList = response.data // this.operateList = response.data
// }) // })
}, },
getList() { getList() {
this.listLoading = true this.listLoading = true
if(this.rangeDate && this.rangeDate.length>0){ if (this.rangeDate && this.rangeDate.length > 0) {
this.listQuery.operTime = this.rangeDate[0]+' - '+this.rangeDate[1]; this.listQuery.operTime =
} this.rangeDate[0] + ' - ' + this.rangeDate[1]
getYwLogs(this.listQuery).then((response) => { }
this.list = response.rows.map(item => { getYwLogs(this.listQuery).then((response) => {
return item this.list = response.rows.map((item) => {
}) return item
this.total = response.total })
}) this.total = response.total
setTimeout(()=>{ })
this.listLoading = false setTimeout(() => {
},500) this.listLoading = false
}, }, 500)
// 查询 },
handleFilter() { // 查询
this.listQuery.pageNum = 1 handleFilter() {
this.getList() this.listQuery.pageNum = 1
}, this.getList()
//重置 },
resetFilter() { //重置
this.listQuery={ resetFilter() {
pageNum: 1, this.listQuery = {
pageSize: 10, pageNum: 1,
operaUserName: '', pageSize: 10,
ip: '', operaUserName: '',
ip: '',
content:'', content: '',
result: '', result: '',
operType: '', operType: '',
logSort:1, logSort: 1,
logDesc:1, logDesc: 1,
}; }
this.rangeDate=[this.getCurrentDate(),this.getCurrentDate()] this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
this.handleFilter() this.handleFilter()
}, },
// 备份 // 备份
handleBackups() { handleBackups() {
downloadYwLogs().then(res => { downloadYwLogs().then((res) => {
downloadFile({ fileName: '业务日志.sql', fileData: res, fileType: 'text/html;charset=UTF-8'}) downloadFile({
}) fileName: '业务日志.sql',
}, fileData: res,
//导出 fileType: 'text/html;charset=UTF-8',
handleExport(){ })
})
// exportCarDetail().then(res => { },
// downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' }) //导出
// }) handleExport() {
}, // exportCarDetail().then(res => {
getCurrentDate() { // downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
let now = new Date(); // })
let year = now.getFullYear(); },
let month = now.getMonth() + 1; getCurrentDate() {
if(month<10){ let now = new Date()
month = '0'+month let year = now.getFullYear()
} let month = now.getMonth() + 1
let day = now.getDate(); if (month < 10) {
if(day<10){ month = '0' + month
day = '0'+day }
} let day = now.getDate()
return year + "-" + month + "-" + day; if (day < 10) {
} day = '0' + day
}
} return year + '-' + month + '-' + day
} },
</script> },
}
</script>

480
src/views/system/log/systemLog/index.vue
View File

@ -1,92 +1,160 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<el-input v-model="listQuery.operaUserName" placeholder="请输入操作人" <el-input
style="width: 200px" class="filter-item" :maxlength="30" v-model="listQuery.operaUserName"
@keyup.enter.native="handleFilter" placeholder="请输入操作人"
/> style="width: 200px"
<el-input v-model="listQuery.ip" placeholder="请输入IP地址" class="filter-item"
style="width: 200px" class="filter-item ml-20" :maxlength="30" :maxlength="30"
@keyup.enter.native="handleFilter" @keyup.enter.native="handleFilter"
/> />
<el-date-picker <el-input
v-model="rangeDate" v-model="listQuery.ip"
style="width: 300px" placeholder="请输入IP地址"
class="filter-item ml-20" style="width: 200px"
value-format="yyyy-MM-dd" class="filter-item ml-20"
type="daterange" :maxlength="30"
range-separator="至" @keyup.enter.native="handleFilter"
start-placeholder="开始日期" />
end-placeholder="结束日期" <el-date-picker
/> v-model="rangeDate"
<!-- <el-input v-model="listQuery.content" placeholder="请输入操作内容" style="width: 300px"
class="filter-item ml-20"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
/>
<!-- <el-input v-model="listQuery.content" placeholder="请输入操作内容"
style="width: 200px" class="filter-item ml-20" :maxlength="30" style="width: 200px" class="filter-item ml-20" :maxlength="30"
@keyup.enter.native="handleFilter" @keyup.enter.native="handleFilter"
/> />
<el-select v-model="listQuery.result" placeholder="请选择事件结果" style="width: 200px" class="filter-item ml-20"> <el-select v-model="listQuery.result" placeholder="请选择事件结果" style="width: 200px" class="filter-item ml-20">
<el-option v-for="item in Object.keys(outcomeList)" :key="item" :value="outcomeList[item]" :label="outcomeList[item]" /> <el-option v-for="item in Object.keys(outcomeList)" :key="item" :value="outcomeList[item]" :label="outcomeList[item]" />
</el-select>--> </el-select>-->
<el-select v-model="listQuery.operType" placeholder="请选择操作类型" style="width: 200px" class="filter-item ml-20"> <el-select
<el-option v-for="item in Object.keys(operateList)" :key="item" :value="operateList[item]" :label="operateList[item]" /> v-model="listQuery.operType"
</el-select> placeholder="请选择操作类型"
style="width: 200px"
class="filter-item ml-20"
>
<el-option
v-for="item in Object.keys(operateList)"
:key="item"
:value="operateList[item]"
:label="operateList[item]"
/>
</el-select>
<el-select v-model="listQuery.logSort" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" > <el-select
<el-option v-for="item in timeList" :key="item.id" :label="item.name" :value="item.id" /> v-model="listQuery.logSort"
</el-select> clearable
<el-select v-model="listQuery.logDesc" clearable filterable style="width: 200px" class="filter-item ml-20" placeholder="请选择" > filterable
<el-option v-for="item in sortList" :key="item.id" :label="item.name" :value="item.id" /> style="width: 200px"
</el-select> class="filter-item ml-20"
<el-button style="margin-left: 20px" class="filter-item" type="primary" @click="handleFilter"> placeholder="请选择"
查询 >
</el-button> <el-option
<el-button style="margin-left: 20px" class="filter-item" @click="resetFilter"> v-for="item in timeList"
重置 :key="item.id"
</el-button> :label="item.name"
<!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning"> :value="item.id"
/>
</el-select>
<el-select
v-model="listQuery.logDesc"
clearable
filterable
style="width: 200px"
class="filter-item ml-20"
placeholder="请选择"
>
<el-option
v-for="item in sortList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
<el-button
style="margin-left: 20px"
class="filter-item"
type="primary"
@click="handleFilter"
>
查询
</el-button>
<el-button
style="margin-left: 20px"
class="filter-item"
@click="resetFilter"
>
重置
</el-button>
<!-- <el-button @click="handleBackups" class="filter-item" style="margin-left: 20px" type="warning">
备份 备份
</el-button> --> </el-button> -->
</div>
<el-table
:key="tableKey"
v-loading="listLoading"
:data="list"
border
fit
highlight-current-row
style="width: 100%"
:max-height="tableHeight"
>
<el-table-column
label="序号"
align="center"
width="80"
type="index"
>
<template slot-scope="scope">
<span>{{
(listQuery.pageNum - 1) * listQuery.pageSize +
scope.$index +
1
}}</span>
</template>
</el-table-column>
<el-table-column
label="操作人"
align="center"
prop="operaUserName"
/>
<el-table-column label="操作时间" align="center" prop="operTime" />
<el-table-column label="IP地址" align="center" prop="ip" />
<el-table-column label="操作模块" align="center" prop="model" />
<el-table-column label="操作类型" align="center" prop="operType" />
<el-table-column
label="操作详情"
align="center"
prop="operateDetail"
/>
<el-table-column label="操作结果" align="center" prop="result">
<template slot-scope="{ row }">
{{ row.result }}
</template>
</el-table-column>
<el-table-column label="操作参数" align="center" prop="params" />
<el-table-column label="操作方法" align="center" prop="method" />
<el-table-column label="操作路径" align="center" prop="operUri" />
<el-table-column label="执行时间(ms)" align="center" prop="times" />
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="listQuery.pageNum"
:limit.sync="listQuery.pageSize"
@pagination="getList"
/>
</div> </div>
<el-table
:key="tableKey"
v-loading="listLoading"
:data="list"
border
fit
highlight-current-row
style="width: 100%"
:max-height="tableHeight"
>
<el-table-column label="序号" align="center" width="80" type="index">
<template scope="scope">
<span>{{ (listQuery.pageNum - 1) * listQuery.pageSize + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="操作人" align="center" prop="operaUserName" />
<el-table-column label="操作时间" align="center" prop="operTime" />
<el-table-column label="IP地址" align="center" prop="ip" />
<el-table-column label="操作模块" align="center" prop="model" />
<el-table-column label="操作类型" align="center" prop="operType" />
<el-table-column label="操作详情" align="center" prop="operateDetail" />
<el-table-column label="操作结果" align="center" prop="result">
<template slot-scope="{ row }">
{{ row.result }}
</template>
</el-table-column>
<el-table-column label="操作参数" align="center" prop="params" />
<el-table-column label="操作方法" align="center" prop="method" />
<el-table-column label="操作路径" align="center" prop="operUri" />
<el-table-column label="执行时间(ms)" align="center" prop="times" />
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="listQuery.pageNum"
:limit.sync="listQuery.pageSize"
@pagination="getList"
/>
</div>
</template> </template>
<script> <script>
@ -95,138 +163,148 @@ import Pagination from '@/components/Pagination'
import _ from 'lodash/fp' import _ from 'lodash/fp'
import { downloadFile } from '@/utils/download' import { downloadFile } from '@/utils/download'
import { getSysLogs,downloadSysLogs } from '@/api/system/log' import { getSysLogs, downloadSysLogs } from '@/api/system/log'
const outcomeList = { const outcomeList = {
1:'成功', 1: '成功',
2:'失败' 2: '失败',
}; }
const operateList = { const operateList = {
1:'新增', 1: '新增',
2:'修改', 2: '修改',
3:'删除', 3: '删除',
4:'查询', 4: '查询',
5:'导出', 5: '导出',
6:'下载', 6: '下载',
7:'备份', 7: '备份',
8:'登录', 8: '登录',
9:'登出' 9: '登出',
}; }
export default { export default {
components: { Pagination }, components: { Pagination },
data() { data() {
return { return {
tableKey: 0, tableKey: 0,
list: [], list: [],
outcomeList: outcomeList, outcomeList: outcomeList,
total: 0, total: 0,
listLoading: false, listLoading: false,
tableHeight: 650, tableHeight: 650,
operateList: operateList, operateList: operateList,
timeList:[{id:1,name:'时间'},{id:2,name:'操作人'},{id:3,name:'操作模块'},{id:4,name:'ip'},], timeList: [
sortList:[{id:1,name:'倒序'},{id:2,name:'升序'}], { id: 1, name: '时间' },
listQuery: { { id: 2, name: '操作人' },
pageNum: 1, { id: 3, name: '操作模块' },
pageSize: 10, { id: 4, name: 'ip' },
operaUserName: '', ],
ip: '', sortList: [
content:'', { id: 1, name: '倒序' },
result: '', { id: 2, name: '升序' },
operTime:'', ],
operaType: '', listQuery: {
logSort:1, pageNum: 1,
logDesc:1, pageSize: 10,
}, operaUserName: '',
rangeDate:[], ip: '',
} content: '',
}, result: '',
created() { operTime: '',
// this.getList() operaType: '',
// this.getOperate() logSort: 1,
}, logDesc: 1,
mounted() { },
this.listQuery.operTime = this.getCurrentDate()+' - '+this.getCurrentDate(); rangeDate: [],
this.rangeDate = [this.getCurrentDate(),this.getCurrentDate()] }
this.getList()
},
methods: {
getStatus(val) {
return this.outcomeList[val]
}, },
//获取下拉数据 created() {
getOperate(){ // this.getList()
// getOperateList().then((response) => { // this.getOperate()
// this.operateList = response.data
// })
}, },
mounted() {
this.listQuery.operTime =
this.getCurrentDate() + ' - ' + this.getCurrentDate()
this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
this.getList()
},
methods: {
getStatus(val) {
return this.outcomeList[val]
},
//获取下拉数据
getOperate() {
// getOperateList().then((response) => {
// this.operateList = response.data
// })
},
getList() { getList() {
this.listLoading = true this.listLoading = true
if(this.rangeDate && this.rangeDate.length>0){ if (this.rangeDate && this.rangeDate.length > 0) {
this.listQuery.operTime = this.rangeDate[0]+' - '+this.rangeDate[1]; this.listQuery.operTime =
} this.rangeDate[0] + ' - ' + this.rangeDate[1]
getSysLogs(this.listQuery).then((response) => { }
this.list = response.rows.map(item => { getSysLogs(this.listQuery).then((response) => {
return item this.list = response.rows.map((item) => {
}) return item
this.total = response.total })
}) this.total = response.total
setTimeout(()=>{ })
this.listLoading = false setTimeout(() => {
},500) this.listLoading = false
}, }, 500)
// 查询 },
handleFilter() { // 查询
this.listQuery.pageNum = 1 handleFilter() {
this.getList() this.listQuery.pageNum = 1
}, this.getList()
//重置 },
resetFilter() { //重置
this.listQuery={ resetFilter() {
pageNum: 1, this.listQuery = {
pageSize: 10, pageNum: 1,
operaUserName: '', pageSize: 10,
ip: '', operaUserName: '',
ip: '',
content:'', content: '',
result: '', result: '',
operateType: '', operateType: '',
logSort:1, logSort: 1,
logDesc:1, logDesc: 1,
}; }
this.rangeDate=[this.getCurrentDate(),this.getCurrentDate()] this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
this.handleFilter() this.handleFilter()
},
// 备份
handleBackups() {
downloadSysLogs().then((res) => {
downloadFile({
fileName: '系统日志.sql',
fileData: res,
fileType: 'text/html;charset=UTF-8',
})
})
},
//导出
handleExport() {
// exportCarDetail().then(res => {
// downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
// })
},
getCurrentDate() {
let now = new Date()
let year = now.getFullYear()
let month = now.getMonth() + 1
if (month < 10) {
month = '0' + month
}
let day = now.getDate()
if (day < 10) {
day = '0' + day
}
return year + '-' + month + '-' + day
},
}, },
// 备份
handleBackups() {
downloadSysLogs().then(res => {
downloadFile({ fileName: '系统日志.sql', fileData: res, fileType: 'text/html;charset=UTF-8' })
})
},
//导出
handleExport(){
// exportCarDetail().then(res => {
// downloadFile({ fileName: '设备详情.xlsx', fileData: res, fileType: 'application/vnd.ms-excel;charset=utf-8' })
// })
},
getCurrentDate() {
let now = new Date();
let year = now.getFullYear();
let month = now.getMonth() + 1;
if(month<10){
month = '0'+month
}
let day = now.getDate();
if(day<10){
day = '0'+day
}
return year + "-" + month + "-" + day;
}
}
} }
</script> </script>