| | |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <el-table v-loading="loading" :data="list" @selection-change="handleSelectionChange"> |
| | | <el-table ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="访问编号" align="center" prop="infoId" /> |
| | | <el-table-column label="用户名称" align="center" prop="userName" /> |
| | | <el-table-column label="用户名称" align="center" prop="userName" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']" /> |
| | | <el-table-column label="登录地址" align="center" prop="ipaddr" 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" /> |
| | | <el-table-column label="浏览器" align="center" prop="browser" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="操作系统" align="center" prop="os" /> |
| | | <el-table-column label="登录状态" align="center" prop="status" :formatter="statusFormat" /> |
| | | <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" sortable="custom" :sort-orders="['descending', 'ascending']" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.loginTime) }}</span> |
| | | </template> |
| | |
| | | statusOptions: [], |
| | | // 日期范围 |
| | | dateRange: [], |
| | | // 默认排序 |
| | | defaultSort: {prop: 'loginTime', order: 'descending'}, |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | |
| | | resetQuery() { |
| | | this.dateRange = []; |
| | | this.resetForm("queryForm"); |
| | | this.$refs.tables.sort(this.defaultSort.prop, this.defaultSort.order) |
| | | this.handleQuery(); |
| | | }, |
| | | // 多选框选中数据 |
| | | /** 多选框选中数据 */ |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map(item => item.infoId) |
| | | this.multiple = !selection.length |
| | | }, |
| | | /** 排序触发事件 */ |
| | | handleSortChange(column, prop, order) { |
| | | this.queryParams.orderByColumn = column.prop; |
| | | this.queryParams.isAsc = column.order; |
| | | this.getList(); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const infoIds = row.infoId || this.ids; |