RuoYi
2022-08-08 6b236930fd75a9e43fe106f62dd2a9b15229d9cd
src/views/monitor/logininfor/index.vue
@@ -6,7 +6,6 @@
               v-model="queryParams.ipaddr"
               placeholder="请输入登录地址"
               clearable
               size="small"
               style="width: 240px;"
               @keyup.enter="handleQuery"
            />
@@ -16,7 +15,6 @@
               v-model="queryParams.userName"
               placeholder="请输入用户名称"
               clearable
               size="small"
               style="width: 240px;"
               @keyup.enter="handleQuery"
            />
@@ -26,7 +24,6 @@
               v-model="queryParams.status"
               placeholder="登录状态"
               clearable
               size="small"
               style="width: 240px"
            >
               <el-option
@@ -37,11 +34,9 @@
               />
            </el-select>
         </el-form-item>
         <el-form-item label="登录时间">
         <el-form-item label="登录时间" style="width: 308px">
            <el-date-picker
               v-model="dateRange"
               size="small"
               style="width: 240px"
               value-format="YYYY-MM-DD"
               type="daterange"
               range-separator="-"
@@ -50,8 +45,8 @@
            ></el-date-picker>
         </el-form-item>
         <el-form-item>
            <el-button type="primary" icon="Search" size="mini" @click="handleQuery">搜索</el-button>
            <el-button icon="Refresh" size="mini" @click="resetQuery">重置</el-button>
            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
         </el-form-item>
      </el-form>
@@ -61,10 +56,9 @@
               type="danger"
               plain
               icon="Delete"
               size="mini"
               :disabled="multiple"
               @click="handleDelete"
               v-hasPermi="['system:logininfor:remove']"
               v-hasPermi="['monitor:logininfor:remove']"
            >删除</el-button>
         </el-col>
         <el-col :span="1.5">
@@ -72,19 +66,27 @@
               type="danger"
               plain
               icon="Delete"
               size="mini"
               @click="handleClean"
               v-hasPermi="['system:logininfor:remove']"
               v-hasPermi="['monitor:logininfor:remove']"
            >清空</el-button>
         </el-col>
         <el-col :span="1.5">
            <el-button
               type="primary"
               plain
               icon="Unlock"
               :disabled="single"
               @click="handleUnlock"
               v-hasPermi="['monitor:logininfor:unlock']"
            >解锁</el-button>
         </el-col>
         <el-col :span="1.5">
            <el-button
               type="warning"
               plain
               icon="Download"
               size="mini"
               @click="handleExport"
               v-hasPermi="['system:logininfor:export']"
               v-hasPermi="['monitor:logininfor:export']"
            >导出</el-button>
         </el-col>
         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
@@ -122,7 +124,7 @@
</template>
<script setup name="Logininfor">
import { list, delLogininfor, cleanLogininfor } 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");
@@ -131,7 +133,9 @@
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" });
@@ -172,6 +176,8 @@
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);
}
/** 排序触发事件 */
function handleSortChange(column, prop, order) {
@@ -198,6 +204,15 @@
    proxy.$modal.msgSuccess("清空成功");
  }).catch(() => {});
}
/** 解锁按钮操作 */
function handleUnlock() {
  const username = selectName.value;
  proxy.$modal.confirm('是否确认解锁用户"' + username + '"数据项?').then(function () {
    return unlockLogininfor(username);
  }).then(() => {
    proxy.$modal.msgSuccess("用户" + username + "解锁成功");
  }).catch(() => {});
}
/** 导出按钮操作 */
function handleExport() {
  proxy.download("monitor/logininfor/export", {