From 6666ce5526b1ed17f5c3906c94620cad586745a5 Mon Sep 17 00:00:00 2001 From: RuoYi <yzz_ivy@163.com> Date: 星期五, 28 六月 2024 17:01:39 +0800 Subject: [PATCH] 优化代码 --- src/views/monitor/online/index.vue | 23 ++++++++++------------- 1 files changed, 10 insertions(+), 13 deletions(-) diff --git a/src/views/monitor/online/index.vue b/src/views/monitor/online/index.vue index 8950dbc..5f4b268 100644 --- a/src/views/monitor/online/index.vue +++ b/src/views/monitor/online/index.vue @@ -1,12 +1,12 @@ <template> <div class="app-container"> - <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="68px"> + <el-form :model="queryParams" ref="queryRef" :inline="true"> <el-form-item label="鐧诲綍鍦板潃" prop="ipaddr"> <el-input v-model="queryParams.ipaddr" placeholder="璇疯緭鍏ョ櫥褰曞湴鍧�" clearable - size="small" + style="width: 200px" @keyup.enter="handleQuery" /> </el-form-item> @@ -15,12 +15,13 @@ v-model="queryParams.userName" placeholder="璇疯緭鍏ョ敤鎴峰悕绉�" clearable + style="width: 200px" @keyup.enter="handleQuery" /> </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> <el-table @@ -28,7 +29,7 @@ :data="onlineList.slice((pageNum - 1) * pageSize, pageNum * pageSize)" style="width: 100%;" > - <el-table-column label="搴忓彿" type="index" align="center"> + <el-table-column label="搴忓彿" width="50" type="index" align="center"> <template #default="scope"> <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span> </template> @@ -47,13 +48,7 @@ </el-table-column> <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> <template #default="scope"> - <el-button - size="mini" - type="text" - icon="Delete" - @click="handleForceLogout(scope.row)" - v-hasPermi="['monitor:online:forceLogout']" - >寮洪��</el-button> + <el-button link type="primary" icon="Delete" @click="handleForceLogout(scope.row)" v-hasPermi="['monitor:online:forceLogout']">寮洪��</el-button> </template> </el-table-column> </el-table> @@ -87,19 +82,21 @@ loading.value = false; }); } + /** 鎼滅储鎸夐挳鎿嶄綔 */ function handleQuery() { pageNum.value = 1; getList(); } + /** 閲嶇疆鎸夐挳鎿嶄綔 */ function resetQuery() { proxy.resetForm("queryRef"); handleQuery(); } + /** 寮洪��鎸夐挳鎿嶄綔 */ function handleForceLogout(row) { - const operIds = row.operId || ids.value; proxy.$modal.confirm('鏄惁纭寮洪��鍚嶇О涓�"' + row.userName + '"鐨勭敤鎴�?').then(function () { return forceLogout(row.tokenId); }).then(() => { -- Gitblit v1.9.3