This commit is contained in:
BianLzhaoMin
parent
2ecbe09cfd
commit
78087fcf71
|
|
@ -301,7 +301,7 @@ export default {
|
|||
},
|
||||
// 重置
|
||||
onHandleReset() {
|
||||
this.queryDate = []
|
||||
this.queryDate = this.getDefaultDateRange()
|
||||
this.$refs.queryFormRef.resetFields()
|
||||
this.getCardListFun()
|
||||
},
|
||||
|
|
@ -324,9 +324,34 @@ export default {
|
|||
label: node.name,
|
||||
children: node.children
|
||||
}
|
||||
},
|
||||
// 默认日期范围
|
||||
getDefaultDateRange() {
|
||||
const today = new Date()
|
||||
const lastMonth = new Date()
|
||||
|
||||
// 设置为前一个月
|
||||
lastMonth.setMonth(today.getMonth() - 1)
|
||||
|
||||
// 处理跨年情况
|
||||
if (today.getMonth() === 0) {
|
||||
lastMonth.setFullYear(today.getFullYear() - 1)
|
||||
lastMonth.setMonth(11)
|
||||
}
|
||||
|
||||
const formatDate = date => {
|
||||
const y = date.getFullYear()
|
||||
const m = String(date.getMonth() + 1).padStart(2, '0')
|
||||
const d = String(date.getDate()).padStart(2, '0')
|
||||
return `${y}-${m}-${d}`
|
||||
}
|
||||
|
||||
// 返回从前一个月到今天的日期范围
|
||||
return [formatDate(lastMonth), formatDate(today)]
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.queryDate = this.getDefaultDateRange()
|
||||
this.getCompanyAndProjectFun()
|
||||
this.getCardListFun()
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,273 +1,280 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<div class="filter-container">
|
||||
<el-input
|
||||
v-model="listQuery.operaUserName"
|
||||
placeholder="请输入操作人"
|
||||
style="width: 200px"
|
||||
class="filter-item"
|
||||
:maxlength="30"
|
||||
@keyup.enter.native="handleFilter"
|
||||
/>
|
||||
<el-input
|
||||
v-model="listQuery.ip"
|
||||
placeholder="请输入IP地址"
|
||||
style="width: 200px"
|
||||
class="filter-item ml-20"
|
||||
:maxlength="30"
|
||||
@keyup.enter.native="handleFilter"
|
||||
/>
|
||||
<el-date-picker
|
||||
v-model="rangeDate"
|
||||
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="请输入操作内容"
|
||||
<div class="app-container">
|
||||
<div class="filter-container">
|
||||
<el-input
|
||||
v-model="listQuery.operaUserName"
|
||||
placeholder="请输入操作人"
|
||||
style="width: 200px"
|
||||
class="filter-item"
|
||||
:maxlength="30"
|
||||
@keyup.enter.native="handleFilter"
|
||||
/>
|
||||
<el-input
|
||||
v-model="listQuery.ip"
|
||||
placeholder="请输入IP地址"
|
||||
style="width: 200px"
|
||||
class="filter-item ml-20"
|
||||
:maxlength="30"
|
||||
@keyup.enter.native="handleFilter"
|
||||
/>
|
||||
<el-date-picker
|
||||
v-model="rangeDate"
|
||||
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"
|
||||
@keyup.enter.native="handleFilter"
|
||||
/> -->
|
||||
<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-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-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-option v-for="item in timeList" :key="item.id" :label="item.name" :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>
|
||||
</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"
|
||||
/>
|
||||
</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-option v-for="item in timeList" :key="item.id" :label="item.name" :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>
|
||||
</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>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Pagination from "@/components/Pagination";
|
||||
import Pagination from '@/components/Pagination'
|
||||
|
||||
import _ from "lodash/fp";
|
||||
import { downloadFile } from "@/utils/download";
|
||||
import _ from 'lodash/fp'
|
||||
import { downloadFile } from '@/utils/download'
|
||||
|
||||
import { getYwLogs, downloadYwLogs } from "@/api/system/log";
|
||||
import { getYwLogs, downloadYwLogs } from '@/api/system/log'
|
||||
|
||||
const outcomeList = {
|
||||
1: "成功",
|
||||
2: "失败",
|
||||
};
|
||||
1: '成功',
|
||||
2: '失败'
|
||||
}
|
||||
const operateList = {
|
||||
1: "新增",
|
||||
2: "修改",
|
||||
3: "删除",
|
||||
4: "查询",
|
||||
5: "导出",
|
||||
6: "下载",
|
||||
7: "备份",
|
||||
8: "登录",
|
||||
9: "登出",
|
||||
};
|
||||
1: '新增',
|
||||
2: '修改',
|
||||
3: '删除',
|
||||
4: '查询',
|
||||
5: '导出',
|
||||
6: '下载',
|
||||
7: '备份',
|
||||
8: '登录',
|
||||
9: '登出'
|
||||
}
|
||||
|
||||
export default {
|
||||
components: { Pagination },
|
||||
data() {
|
||||
return {
|
||||
tableKey: 0,
|
||||
list: [],
|
||||
outcomeList: outcomeList,
|
||||
total: 0,
|
||||
listLoading: false,
|
||||
tableHeight: 650,
|
||||
operateList: operateList,
|
||||
timeList: [
|
||||
{ id: 1, name: "时间" },
|
||||
{ id: 2, name: "操作人" },
|
||||
{ id: 3, name: "操作模块" },
|
||||
{ id: 4, name: "ip" },
|
||||
],
|
||||
sortList: [
|
||||
{ id: 1, name: "倒序" },
|
||||
{ id: 2, name: "升序" },
|
||||
],
|
||||
listQuery: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
operaUserName: "",
|
||||
ip: "",
|
||||
content: "",
|
||||
result: "",
|
||||
operTime: "",
|
||||
operType: "",
|
||||
logSort: 1,
|
||||
logDesc: 1,
|
||||
},
|
||||
rangeDate: [],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// this.getList()
|
||||
// this.getOperate()
|
||||
},
|
||||
mounted() {
|
||||
this.listQuery.operTime =
|
||||
this.getCurrentDate() + " - " + this.getCurrentDate();
|
||||
this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()];
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
getStatus(val) {
|
||||
return this.outcomeList[val];
|
||||
components: { Pagination },
|
||||
data() {
|
||||
return {
|
||||
tableKey: 0,
|
||||
list: [],
|
||||
outcomeList: outcomeList,
|
||||
total: 0,
|
||||
listLoading: false,
|
||||
tableHeight: 650,
|
||||
operateList: operateList,
|
||||
timeList: [
|
||||
{ id: 1, name: '时间' },
|
||||
{ id: 2, name: '操作人' },
|
||||
{ id: 3, name: '操作模块' },
|
||||
{ id: 4, name: 'ip' }
|
||||
],
|
||||
sortList: [
|
||||
{ id: 1, name: '倒序' },
|
||||
{ id: 2, name: '升序' }
|
||||
],
|
||||
listQuery: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
operaUserName: '',
|
||||
ip: '',
|
||||
content: '',
|
||||
result: '',
|
||||
operTime: '',
|
||||
operType: '',
|
||||
logSort: 1,
|
||||
logDesc: 1
|
||||
},
|
||||
rangeDate: []
|
||||
}
|
||||
},
|
||||
//获取下拉数据
|
||||
getOperate() {
|
||||
// getOperateList().then((response) => {
|
||||
// this.operateList = response.data
|
||||
// })
|
||||
created() {
|
||||
// this.getList()
|
||||
// this.getOperate()
|
||||
},
|
||||
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() {
|
||||
this.listLoading = true;
|
||||
if (this.rangeDate && this.rangeDate.length > 0) {
|
||||
this.listQuery.operTime = this.rangeDate[0] + " - " + this.rangeDate[1];
|
||||
}
|
||||
getYwLogs(this.listQuery).then((response) => {
|
||||
this.list = response.rows.map((item) => {
|
||||
return item;
|
||||
});
|
||||
this.total = response.total;
|
||||
});
|
||||
setTimeout(() => {
|
||||
this.listLoading = false;
|
||||
}, 500);
|
||||
},
|
||||
// 查询
|
||||
handleFilter() {
|
||||
this.listQuery.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
//重置
|
||||
resetFilter() {
|
||||
this.listQuery = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
operaUserName: "",
|
||||
ip: "",
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
if (this.rangeDate && this.rangeDate.length > 0) {
|
||||
this.listQuery.operTime = this.rangeDate[0] + ' - ' + this.rangeDate[1]
|
||||
}
|
||||
getYwLogs(this.listQuery).then(response => {
|
||||
this.list = response.rows.map(item => {
|
||||
return item
|
||||
})
|
||||
this.total = response.total
|
||||
})
|
||||
setTimeout(() => {
|
||||
this.listLoading = false
|
||||
}, 500)
|
||||
},
|
||||
// 查询
|
||||
handleFilter() {
|
||||
this.listQuery.pageNum = 1
|
||||
this.getList()
|
||||
},
|
||||
//重置
|
||||
resetFilter() {
|
||||
this.listQuery = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
operaUserName: '',
|
||||
ip: '',
|
||||
|
||||
content: "",
|
||||
result: "",
|
||||
operType: "",
|
||||
logSort: 1,
|
||||
logDesc: 1,
|
||||
};
|
||||
this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()];
|
||||
this.handleFilter();
|
||||
},
|
||||
// 备份
|
||||
handleBackups() {
|
||||
downloadYwLogs().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;
|
||||
},
|
||||
},
|
||||
};
|
||||
content: '',
|
||||
result: '',
|
||||
operType: '',
|
||||
logSort: 1,
|
||||
logDesc: 1
|
||||
}
|
||||
this.rangeDate = [this.getCurrentDate(), this.getCurrentDate()]
|
||||
this.handleFilter()
|
||||
},
|
||||
// 备份
|
||||
handleBackups() {
|
||||
downloadYwLogs().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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue