| | |
| | | </template>
|
| | |
|
| | | <script setup name="Logininfor">
|
| | | import { list, delLogininfor, cleanLogininfor, unlockLogininfor } from "@/api/monitor/logininfor";
|
| | | import { list, delLogininfor, cleanLogininfor, unlockLogininfor } from "@/api/monitor/logininfor"
|
| | |
|
| | | const { proxy } = getCurrentInstance();
|
| | | const { sys_common_status } = proxy.useDict("sys_common_status");
|
| | | const { proxy } = getCurrentInstance()
|
| | | const { sys_common_status } = proxy.useDict("sys_common_status")
|
| | |
|
| | | const logininforList = ref([]);
|
| | | const loading = ref(true);
|
| | | const showSearch = ref(true);
|
| | | const ids = ref([]);
|
| | | const single = ref(true);
|
| | | const multiple = ref(true);
|
| | | const selectName = ref("");
|
| | | const total = ref(0);
|
| | | const dateRange = ref([]);
|
| | | const defaultSort = ref({ prop: "loginTime", order: "descending" });
|
| | | const logininforList = ref([])
|
| | | const loading = ref(true)
|
| | | const showSearch = ref(true)
|
| | | const ids = ref([])
|
| | | const single = ref(true)
|
| | | const multiple = ref(true)
|
| | | const selectName = ref("")
|
| | | const total = ref(0)
|
| | | const dateRange = ref([])
|
| | | const defaultSort = ref({ prop: "loginTime", order: "descending" })
|
| | |
|
| | | // 查询参数
|
| | | const queryParams = ref({
|
| | |
| | | status: undefined,
|
| | | orderByColumn: undefined,
|
| | | isAsc: undefined
|
| | | });
|
| | | })
|
| | |
|
| | | /** 查询登录日志列表 */
|
| | | function getList() {
|
| | | loading.value = true;
|
| | | loading.value = true
|
| | | list(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
|
| | | logininforList.value = response.rows;
|
| | | total.value = response.total;
|
| | | loading.value = false;
|
| | | });
|
| | | logininforList.value = response.rows
|
| | | total.value = response.total
|
| | | loading.value = false
|
| | | })
|
| | | }
|
| | |
|
| | | /** 搜索按钮操作 */
|
| | | function handleQuery() {
|
| | | queryParams.value.pageNum = 1;
|
| | | getList();
|
| | | queryParams.value.pageNum = 1
|
| | | getList()
|
| | | }
|
| | |
|
| | | /** 重置按钮操作 */
|
| | | function resetQuery() {
|
| | | dateRange.value = [];
|
| | | proxy.resetForm("queryRef");
|
| | | queryParams.value.pageNum = 1;
|
| | | proxy.$refs["logininforRef"].sort(defaultSort.value.prop, defaultSort.value.order);
|
| | | dateRange.value = []
|
| | | proxy.resetForm("queryRef")
|
| | | queryParams.value.pageNum = 1
|
| | | proxy.$refs["logininforRef"].sort(defaultSort.value.prop, defaultSort.value.order)
|
| | | }
|
| | |
|
| | | /** 多选框选中数据 */
|
| | | function handleSelectionChange(selection) {
|
| | | ids.value = selection.map(item => item.infoId);
|
| | | multiple.value = !selection.length;
|
| | | single.value = selection.length != 1;
|
| | | selectName.value = selection.map(item => item.userName);
|
| | | ids.value = selection.map(item => item.infoId)
|
| | | multiple.value = !selection.length
|
| | | single.value = selection.length != 1
|
| | | selectName.value = selection.map(item => item.userName)
|
| | | }
|
| | |
|
| | | /** 排序触发事件 */
|
| | | function handleSortChange(column, prop, order) {
|
| | | queryParams.value.orderByColumn = column.prop;
|
| | | queryParams.value.isAsc = column.order;
|
| | | getList();
|
| | | queryParams.value.orderByColumn = column.prop
|
| | | queryParams.value.isAsc = column.order
|
| | | getList()
|
| | | }
|
| | |
|
| | | /** 删除按钮操作 */
|
| | | function handleDelete(row) {
|
| | | const infoIds = row.infoId || ids.value;
|
| | | const infoIds = row.infoId || ids.value
|
| | | proxy.$modal.confirm('是否确认删除访问编号为"' + infoIds + '"的数据项?').then(function () {
|
| | | return delLogininfor(infoIds);
|
| | | return delLogininfor(infoIds)
|
| | | }).then(() => {
|
| | | getList();
|
| | | proxy.$modal.msgSuccess("删除成功");
|
| | | }).catch(() => {});
|
| | | getList()
|
| | | proxy.$modal.msgSuccess("删除成功")
|
| | | }).catch(() => {})
|
| | | }
|
| | |
|
| | | /** 清空按钮操作 */
|
| | | function handleClean() {
|
| | | proxy.$modal.confirm("是否确认清空所有登录日志数据项?").then(function () {
|
| | | return cleanLogininfor();
|
| | | return cleanLogininfor()
|
| | | }).then(() => {
|
| | | getList();
|
| | | proxy.$modal.msgSuccess("清空成功");
|
| | | }).catch(() => {});
|
| | | getList()
|
| | | proxy.$modal.msgSuccess("清空成功")
|
| | | }).catch(() => {})
|
| | | }
|
| | |
|
| | | /** 解锁按钮操作 */
|
| | | function handleUnlock() {
|
| | | const username = selectName.value;
|
| | | const username = selectName.value
|
| | | proxy.$modal.confirm('是否确认解锁用户"' + username + '"数据项?').then(function () {
|
| | | return unlockLogininfor(username);
|
| | | return unlockLogininfor(username)
|
| | | }).then(() => {
|
| | | proxy.$modal.msgSuccess("用户" + username + "解锁成功");
|
| | | }).catch(() => {});
|
| | | proxy.$modal.msgSuccess("用户" + username + "解锁成功")
|
| | | }).catch(() => {})
|
| | | }
|
| | |
|
| | | /** 导出按钮操作 */
|
| | | function handleExport() {
|
| | | proxy.download("monitor/logininfor/export", {
|
| | | ...queryParams.value,
|
| | | }, `logininfor_${new Date().getTime()}.xlsx`);
|
| | | }, `logininfor_${new Date().getTime()}.xlsx`)
|
| | | }
|
| | |
|
| | | getList();
|
| | | getList()
|
| | | </script>
|