| | |
|---|
| | | <template> |
|---|
| | | <div class="p-2"> |
|---|
| | | <div class="search"> |
|---|
| | | <div class="mb-[10px]"> |
|---|
| | | <el-card shadow="hover"> |
|---|
| | | <el-form :model="queryParams" ref="queryFormRef" :inline="true"> |
|---|
| | | <el-form-item label="登录地址" prop="ipaddr"> |
|---|
| | | <el-input v-model="queryParams.ipaddr" placeholder="请输入登录地址" clearable style="width: 200px" @keyup.enter="handleQuery" /> |
|---|
| | |
|---|
| | | <el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </el-card> |
|---|
| | | </div> |
|---|
| | | <div class="panel"> |
|---|
| | | <el-card shadow="hover"> |
|---|
| | | <el-table |
|---|
| | | v-loading="loading" |
|---|
| | | :data="onlineList.slice((queryParams.pageNum - 1) * queryParams.pageSize, queryParams.pageNum * queryParams.pageSize)" |
|---|
| | |
|---|
| | | </el-table> |
|---|
| | | |
|---|
| | | <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" /> |
|---|
| | | </div> |
|---|
| | | </el-card> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
