From 7a83906e6714edea1568d10acb4eb0bc1aae81c6 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 10 十月 2023 14:10:58 +0800
Subject: [PATCH] 资源管理，令牌管理页面修改
---
src/views/maintenance/tokentool.vue | 64 +++++++++++++++++++++++++++-----
1 files changed, 54 insertions(+), 10 deletions(-)
diff --git a/src/views/maintenance/tokentool.vue b/src/views/maintenance/tokentool.vue
index 104b54c..53dae53 100644
--- a/src/views/maintenance/tokentool.vue
+++ b/src/views/maintenance/tokentool.vue
@@ -92,6 +92,7 @@
style="width: 100%"
border
height="calc(100% - 45px)"
+ @selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
@@ -105,7 +106,17 @@
<el-table-column
prop="token"
:label="$t('operatManage.tokentoolObj.token')"
- />
+ >
+ <template slot-scope="scope">
+
+ <span
+ style="color: #F56C6C;"
+ v-if="!scope.row.status"
+ >{{scope.row.token }}</span>
+
+ <span v-if="scope.row.status">{{scope.row.token }}</span>
+ </template>
+ </el-table-column>
<el-table-column
prop="duration"
width="120"
@@ -154,19 +165,21 @@
>
<template slot-scope="scope">
<el-button
+ v-if="scope.row.status"
type="danger"
size="small"
plain
+ @click="setExpireById(scope.$index, scope.row)"
>{{
$t("operatManage.tokentoolObj.invalid")
}}</el-button>
- <el-button
+ <!-- <el-button
type="info"
size="small"
plain
>{{
$t("operatManage.tokentoolObj.renewal")
- }}</el-button>
+ }}</el-button> -->
<el-button
v-if="menuStatus.update"
@click="handleEdit(scope.$index, scope.row)"
@@ -197,13 +210,13 @@
:visible.sync="InsertFormdialog"
:before-close="handleClose"
>
- <div style="height: 500px; overflow: auto">
+ <div style="height: 300px; overflow: auto">
<el-form
ref="formData1"
:model="insertform"
label-position="top"
>
- <el-form-item
+ <!-- <el-form-item
:label="$t('operatManage.tokentoolObj.token')"
:label-width="formLabelWidth"
>
@@ -212,7 +225,7 @@
:placeholder="$t('common.pleaseInput')"
style="width:85%"
/>
- </el-form-item>
+ </el-form-item> -->
<el-form-item
:label="$t('operatManage.tokentoolObj.duration')"
:label-width="formLabelWidth"
@@ -243,7 +256,7 @@
></el-option>
</el-select>
</el-form-item>
- <el-form-item
+ <!-- <el-form-item
:label="$t('operatManage.tokentoolObj.ip')"
:label-width="formLabelWidth"
>
@@ -252,7 +265,7 @@
:placeholder="$t('common.pleaseInput')"
style="width:85%"
/>
- </el-form-item>
+ </el-form-item> -->
</el-form>
</div>
<div
@@ -294,6 +307,7 @@
v-model="upform.token"
:placeholder="$t('common.pleaseInput')"
style="width:85%"
+ disabled
/>
</el-form-item>
<el-form-item
@@ -335,6 +349,7 @@
v-model="upform.ip"
:placeholder="$t('common.pleaseInput')"
style="width:85%"
+ disabled
/>
</el-form-item>
</el-form>
@@ -370,6 +385,7 @@
insertToken,
updateToken,
deleteTokens,
+ token_updateExpireById
} from "../../api/api.js";
export default {
//import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
@@ -425,6 +441,22 @@
window.removeEventListener("resize", this.onResize);
},
methods: {
+
+ async setExpireById(index, row) {
+ const data = await token_updateExpireById({ id: row.id })
+ if (data.code == 200) {
+ this.$message({
+ message: "鎴愬姛锛�",
+ type: "success",
+ });
+ } else {
+ this.$message({
+ message: "澶辫触锛�",
+ type: "warning",
+ });
+ }
+ this.getRoleTabelData();
+ },
onResize() {
this.timer && clearTimeout(this.timer);
this.timer = setTimeout(() => {
@@ -453,6 +485,12 @@
},
async delTokenData() {
var std = [];
+ if (this.multipleSelection.length <= 0) {
+ return this.$message({
+ message: "鍒犻櫎澶辫触锛屾湭閫夋嫨瑕佸垹闄ょ殑鏁版嵁锛�",
+
+ });
+ }
for (var i in this.multipleSelection) {
std.push(this.multipleSelection[i].id);
}
@@ -655,8 +693,14 @@
if (data.code != 200) {
this.$message.error("鍒楄〃璋冪敤澶辫触");
}
-
- this.tableData = data.result;
+ var val = data.result.filter((res) => {
+ res.status = false;
+ if (res.expire > new Date().getTime()) {
+ res.status = true
+ }
+ return res;
+ })
+ this.tableData = val;
this.count = data.count;
},
handleSizeChange(val) {
--
Gitblit v1.9.3