| | |
| | | <template>
|
| | | <div class="app-container">
|
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
|
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
| | | <el-form-item label="登录地址" prop="ipaddr">
|
| | | <el-input
|
| | | v-model="queryParams.ipaddr"
|
| | | placeholder="请输入登录地址"
|
| | | clearable
|
| | | style="width: 240px;"
|
| | | size="small"
|
| | | @keyup.enter.native="handleQuery"
|
| | | />
|
| | | </el-form-item>
|
| | |
| | | placeholder="请输入用户名称"
|
| | | clearable
|
| | | style="width: 240px;"
|
| | | size="small"
|
| | | @keyup.enter.native="handleQuery"
|
| | | />
|
| | | </el-form-item>
|
| | |
| | | v-model="queryParams.status"
|
| | | placeholder="登录状态"
|
| | | clearable
|
| | | size="small"
|
| | | style="width: 240px"
|
| | | >
|
| | | <el-option
|
| | |
| | | <el-form-item label="登录时间">
|
| | | <el-date-picker
|
| | | v-model="dateRange"
|
| | | size="small"
|
| | | style="width: 240px"
|
| | | value-format="yyyy-MM-dd"
|
| | | type="daterange"
|
| | |
| | | @click="handleClean"
|
| | | v-hasPermi="['system:logininfor:remove']"
|
| | | >清空</el-button>
|
| | | </el-col>
|
| | | <el-col :span="1.5">
|
| | | <el-button
|
| | | type="primary"
|
| | | plain
|
| | | icon="el-icon-unlock"
|
| | | size="mini"
|
| | | :disabled="single"
|
| | | @click="handleUnlock"
|
| | | v-hasPermi="['system:logininfor:unlock']"
|
| | | >解锁</el-button>
|
| | | </el-col>
|
| | | <el-col :span="1.5">
|
| | | <el-button
|
| | |
| | | </template>
|
| | |
|
| | | <script>
|
| | | import { list, delLogininfor, cleanLogininfor } from "@/api/system/logininfor";
|
| | | import { list, delLogininfor, cleanLogininfor, unlockLogininfor } from "@/api/system/logininfor";
|
| | |
|
| | | export default {
|
| | | name: "Logininfor",
|
| | |
| | | loading: true,
|
| | | // 选中数组
|
| | | ids: [],
|
| | | // 非单个禁用
|
| | | single: true,
|
| | | // 非多个禁用
|
| | | multiple: true,
|
| | | // 选择用户名
|
| | | selectName: "",
|
| | | // 显示搜索条件
|
| | | showSearch: true,
|
| | | // 总条数
|
| | |
| | | resetQuery() {
|
| | | this.dateRange = [];
|
| | | this.resetForm("queryForm");
|
| | | this.queryParams.pageNum = 1;
|
| | | this.$refs.tables.sort(this.defaultSort.prop, this.defaultSort.order)
|
| | | this.handleQuery();
|
| | | },
|
| | | /** 多选框选中数据 */
|
| | | handleSelectionChange(selection) {
|
| | | this.ids = selection.map(item => item.infoId)
|
| | | this.single = selection.length!=1
|
| | | this.multiple = !selection.length
|
| | | this.selectName = selection.map(item => item.userName);
|
| | | },
|
| | | /** 排序触发事件 */
|
| | | handleSortChange(column, prop, order) {
|
| | |
| | | this.$modal.msgSuccess("清空成功");
|
| | | }).catch(() => {});
|
| | | },
|
| | | /** 解锁按钮操作 */
|
| | | handleUnlock() {
|
| | | const username = this.selectName;
|
| | | this.$modal.confirm('是否确认解锁用户"' + username + '"数据项?').then(function() {
|
| | | return unlockLogininfor(username);
|
| | | }).then(() => {
|
| | | this.$modal.msgSuccess("用户" + username + "解锁成功");
|
| | | }).catch(() => {});
|
| | | },
|
| | | /** 导出按钮操作 */
|
| | | handleExport() {
|
| | | this.download('system/logininfor/export', {
|