UDI
/
udiwms-vue-frame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

自助管理平台登录日志界面同步

Browse Source
prod
1178634255 2 years ago
parent 78a260750e
commit 6cbccd7ba4
1 changed files with 204 additions and 137 deletions
Show Stats Download Patch File Download Diff File

341
src/views/monitor/logininfor/index.vue
Unescape Escape View File

@ -1,6 +1,13 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="mini" :inline="true" v-show="showSearch" label-width="68px"> <el-form
:model="queryParams"
ref="queryForm"
size="mini"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<!-- <el-form-item label="登录地址:" prop="ipaddr" label-width="80px">--> <!-- <el-form-item label="登录地址:" prop="ipaddr" label-width="80px">-->
<!-- <el-input--> <!-- <el-input-->
<!-- v-model="queryParams.ipaddr"--> <!-- v-model="queryParams.ipaddr"-->
@ -18,105 +25,153 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="状态:" prop="status"> <!--<el-form-item label="状态:" prop="status">-->
<el-select <!-- <el-select-->
v-model="queryParams.status" <!-- v-model="queryParams.status"-->
placeholder="登录状态" <!-- placeholder="登录状态"-->
clearable <!-- clearable-->
> <!-- >-->
<el-option <!-- <el-option-->
v-for="dict in dict.type.sys_common_status" <!-- v-for="dict in dict.type.sys_common_status"-->
:key="dict.value" <!-- :key="dict.value"-->
:label="dict.label" <!-- :label="dict.label"-->
:value="dict.value" <!-- :value="dict.value"-->
/> <!-- />-->
</el-select> <!-- </el-select>-->
</el-form-item> <!--</el-form-item>-->
<el-form-item> <el-form-item>
<el-button-group> <el-button-group>
<el-button type="primary" icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
<el-button <el-button
type="primary" type="primary"
icon="el-icon-delete" icon="el-icon-refresh"
size="mini" size="mini"
:disabled="multiple" @click="resetQuery"
@click="handleDelete" >重置
v-hasPermi="['monitor:logininfor:remove']" </el-button
>删除 >
</el-button> <el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索
</el-button
>
</el-button-group> </el-button-group>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!-- <el-row :gutter="10" class="mb8">--> <!-- <el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">--> <el-col :span="1.5">
<!-- <el-button--> <el-button
<!-- type="danger"--> type="danger"
<!-- plain--> plain
<!-- icon="el-icon-delete"--> icon="el-icon-delete"
<!-- size="mini"--> size="mini"
<!-- :disabled="multiple"--> :disabled="multiple"
<!-- @click="handleDelete"--> @click="handleDelete"
<!-- v-hasPermi="['monitor:logininfor:remove']"--> v-hasPermi="['monitor:logininfor:remove']"
<!-- >删除--> >删除
<!-- </el-button>--> </el-button>
<!-- </el-col>--> </el-col>
<!-- <el-col :span="1.5">--> <el-col :span="1.5">
<!-- <el-button--> <el-button
<!-- type="danger"--> type="danger"
<!-- plain--> plain
<!-- icon="el-icon-delete"--> icon="el-icon-delete"
<!-- size="mini"--> size="mini"
<!-- @click="handleClean"--> @click="handleClean"
<!-- v-hasPermi="['monitor:logininfor:remove']"--> v-hasPermi="['monitor:logininfor:remove']"
<!-- >清空--> >清空
<!-- </el-button>--> </el-button>
<!-- </el-col>--> </el-col>
<!-- <el-col :span="1.5">--> <el-col :span="1.5">
<!-- <el-button--> <el-button
<!-- type="primary"--> type="primary"
<!-- plain--> plain
<!-- icon="el-icon-unlock"--> icon="el-icon-unlock"
<!-- size="mini"--> size="mini"
<!-- :disabled="single"--> :disabled="single"
<!-- @click="handleUnlock"--> @click="handleUnlock"
<!-- v-hasPermi="['monitor:logininfor:unlock']"--> v-hasPermi="['monitor:logininfor:unlock']"
<!-- >解锁--> >解锁
<!-- </el-button>--> </el-button>
<!-- </el-col>--> </el-col>
<!-- <el-col :span="1.5">--> <el-col :span="1.5">
<!-- <el-button--> <el-button
<!-- type="warning"--> type="warning"
<!-- plain--> plain
<!-- icon="el-icon-download"--> icon="el-icon-download"
<!-- size="mini"--> size="mini"
<!-- @click="handleExport"--> @click="handleExport"
<!-- v-hasPermi="['monitor:logininfor:export']"--> v-hasPermi="['monitor:logininfor:export']"
<!-- >导出--> >导出
<!-- </el-button>--> </el-button>
<!-- </el-col>--> </el-col>
<!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>--> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
<!-- </el-row>--> </el-row> -->
<el-table ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" border <!-- <el-table
:default-sort="defaultSort" @sort-change="handleSortChange"> ref="tables"
<el-table-column type="selection" width="55" align="center"/> v-loading="loading"
:data="list"
@selection-change="handleSelectionChange"
border
:default-sort="defaultSort"
@sort-change="handleSortChange"
> -->
<el-table
ref="tables"
v-loading="loading"
:data="list"
border
:default-sort="defaultSort"
>
<!-- <el-table-column type="selection" width="55" align="center" /> -->
<el-table-column label="序号" type="index"></el-table-column> <el-table-column label="序号" type="index"></el-table-column>
<el-table-column label="用户名称" align="center" prop="userName" :show-overflow-tooltip="true" sortable="custom" <el-table-column
:sort-orders="['descending', 'ascending']"/> label="用户名称"
<el-table-column label="登录地址" align="center" prop="ipaddr" width="130" :show-overflow-tooltip="true"/> align="center"
<el-table-column label="登录地点" align="center" prop="loginLocation" :show-overflow-tooltip="true"/> prop="userName"
<el-table-column label="浏览器" align="center" prop="browser" :show-overflow-tooltip="true"/> :show-overflow-tooltip="true"
<el-table-column label="操作系统" align="center" prop="os" show-overflow-tooltip/> />
<el-table-column label="登录状态" align="center" prop="status"> <el-table-column
<template slot-scope="scope"> label="登录地址"
<dict-tag :options="dict.type.sys_common_status" :value="scope.row.status"/> align="center"
</template> prop="ipaddr"
</el-table-column> width="130"
:show-overflow-tooltip="true"
/>
<el-table-column
label="登录地点"
align="center"
prop="loginLocation"
:show-overflow-tooltip="true"
/>
<el-table-column
label="浏览器"
align="center"
prop="browser"
:show-overflow-tooltip="true"
/>
<el-table-column
label="操作系统"
align="center"
prop="os"
show-overflow-tooltip
/>
<!--<el-table-column label="登录状态" align="center" prop="status">-->
<!-- <template slot-scope="scope">-->
<!-- <dict-tag :options="dict.type.sys_common_status" :value="scope.row.status"/>-->
<!-- </template>-->
<!--</el-table-column>-->
<el-table-column label="操作信息" align="center" prop="msg"/> <el-table-column label="操作信息" align="center" prop="msg"/>
<el-table-column label="登录日期" align="center" prop="loginTime" width="180"> <el-table-column
label="登录日期"
align="center"
prop="loginTime"
width="180"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.loginTime) }}</span> <span>{{ parseTime(scope.row.loginTime) }}</span>
</template> </template>
@ -127,7 +182,7 @@
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.page" :page.sync="queryParams.page"
:limit.sync="queryParams.limit" :limit.sync="queryParams.limit"
@ -137,11 +192,11 @@
</template> </template>
<script> <script>
import {list, delLogininfor, cleanLogininfor, unlockLogininfor} from "@/api/monitor/logininfor"; import {list} from "@/api/monitor/logininfor";
export default { export default {
name: "Logininfor", name: "Logininfor",
dicts: ['sys_common_status'], dicts: ["sys_common_status"],
data() { data() {
return { return {
// 遮罩层 // 遮罩层
@ -163,15 +218,14 @@ export default {
// 日期范围 // 日期范围
dateRange: [], dateRange: [],
// 默认排序 // 默认排序
defaultSort: {prop: 'loginTime', order: 'descending'},
// 查询参数 // 查询参数
queryParams: { queryParams: {
page: 1, page: 1,
limit: 10, limit: 10,
ipaddr: undefined, ipaddr: undefined,
userName: undefined, userName: undefined,
status: undefined status: undefined,
} },
}; };
}, },
created() { created() {
@ -181,7 +235,8 @@ export default {
/** 查询登录日志列表 */ /** 查询登录日志列表 */
getList() { getList() {
this.loading = true; this.loading = true;
list(this.addDateRange(this.queryParams, this.dateRange)).then(response => { list(this.addDateRange(this.queryParams, this.dateRange)).then(
(response) => {
this.list = response.data.list; this.list = response.data.list;
this.total = response.data.total; this.total = response.data.total;
this.loading = false; this.loading = false;
@ -197,60 +252,72 @@ export default {
resetQuery() { resetQuery() {
this.dateRange = []; this.dateRange = [];
this.resetForm("queryForm"); this.resetForm("queryForm");
this.$refs.tables.sort(this.defaultSort.prop, this.defaultSort.order) this.$refs.tables.sort(this.defaultSort.prop, this.defaultSort.order);
this.handleQuery(); this.handleQuery();
}, },
/** 多选框选中数据 */ /** 多选框选中数据 */
handleSelectionChange(selection) { /* handleSelectionChange(selection) {
this.ids = selection.map(item => item.infoId) this.ids = selection.map((item) => item.infoId);
this.single = selection.length != 1 this.single = selection.length != 1;
this.multiple = !selection.length this.multiple = !selection.length;
this.selectName = selection.map(item => item.userName); this.selectName = selection.map((item) => item.userName);
}, }, */
/** 排序触发事件 */ /** 排序触发事件 */
handleSortChange(column, prop, order) { /* handleSortChange(column, prop, order) {
this.queryParams.orderByColumn = column.prop; this.queryParams.orderByColumn = column.prop;
this.queryParams.isAsc = column.order; this.queryParams.isAsc = column.order;
this.getList(); this.getList();
}, }, */
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { /* handleDelete(row) {
const infoIds = row.infoId || this.ids; const infoIds = row.infoId || this.ids;
this.$modal.confirm('是否确认删除访问编号为"' + infoIds + '"的数据项？').then(function () { this.$modal
return delLogininfor(infoIds); .confirm('是否确认删除访问编号为"' + infoIds + '"的数据项？')
}).then(() => { .then(function () {
this.getList(); return delLogininfor(infoIds);
this.$modal.msgSuccess("删除成功"); })
}).catch(() => { .then(() => {
}); this.getList();
}, this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
}, */
/** 清空按钮操作 */ /** 清空按钮操作 */
handleClean() { /* handleClean() {
this.$modal.confirm('是否确认清空所有登录日志数据项？').then(function () { this.$modal
return cleanLogininfor(); .confirm("是否确认清空所有登录日志数据项？")
}).then(() => { .then(function () {
this.getList(); return cleanLogininfor();
this.$modal.msgSuccess("清空成功"); })
}).catch(() => { .then(() => {
}); this.getList();
}, this.$modal.msgSuccess("清空成功");
})
.catch(() => {});
}, */
/** 解锁按钮操作 */ /** 解锁按钮操作 */
handleUnlock() { /* handleUnlock() {
const username = this.selectName; const username = this.selectName;
this.$modal.confirm('是否确认解锁用户"' + username + '"数据项?').then(function () { this.$modal
return unlockLogininfor(username); .confirm('是否确认解锁用户"' + username + '"数据项?')
}).then(() => { .then(function () {
this.$modal.msgSuccess("用户" + username + "解锁成功"); return unlockLogininfor(username);
}).catch(() => { })
}); .then(() => {
}, this.$modal.msgSuccess("用户" + username + "解锁成功");
})
.catch(() => {});
}, */
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { /* handleExport() {
this.download('monitor/logininfor/export', { this.download(
...this.queryParams "monitor/logininfor/export",
}, `logininfor_${new Date().getTime()}.xlsx`) {
} ...this.queryParams,
} },
`logininfor_${new Date().getTime()}.xlsx`
);
}, */
},
}; };
</script> </script>

Write Preview
Loading…
Cancel
Save