From e2c4ca4922acaeb01fdc79369f2c1618951ecd85 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: Sun, 23 Aug 2020 10:51:46 +0800
Subject: [PATCH] 终端授权类型改为复选框
---
ruoyi-ui/src/views/system/client/index.vue | 24 +++++++++++++++++++++---
1 files changed, 21 insertions(+), 3 deletions(-)
diff --git a/ruoyi-ui/src/views/system/client/index.vue b/ruoyi-ui/src/views/system/client/index.vue
index e78870e..fea107f 100644
--- a/ruoyi-ui/src/views/system/client/index.vue
+++ b/ruoyi-ui/src/views/system/client/index.vue
@@ -54,7 +54,7 @@
<el-table-column label="编号" align="center" prop="clientId" />
<el-table-column label="安全码" align="center" prop="originSecret" :show-overflow-tooltip="true" />
<el-table-column label="授权范围" align="center" prop="scope" />
- <el-table-column label="授权类型" align="center" prop="authorizedGrantTypes" :show-overflow-tooltip="true" />
+ <el-table-column label="授权类型" align="center" prop="authorizedGrantTypes" :formatter="authorizedGrantTypesFormat" :show-overflow-tooltip="true"/>
<el-table-column label="令牌时效" align="center" prop="accessTokenValidity" />
<el-table-column label="刷新时效" align="center" prop="refreshTokenValidity" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -98,7 +98,14 @@
<el-input v-model="form.scope" placeholder="请输入授权范围" />
</el-form-item>
<el-form-item label="授权类型" prop="authorizedGrantTypes">
- <el-input v-model="form.authorizedGrantTypes" placeholder="请输入授权类型" />
+ <el-checkbox-group v-model="form.authorizedGrantTypes">
+ <el-checkbox
+ v-for="dict in authorizedGrantTypesOptions"
+ :key="dict.dictValue"
+ :label="dict.dictValue">
+ {{dict.dictLabel}}
+ </el-checkbox>
+ </el-checkbox-group>
</el-form-item>
<el-form-item label="令牌时效" prop="accessTokenValidity">
<el-input-number v-model="form.accessTokenValidity" controls-position="right" :min="0" />
@@ -140,6 +147,8 @@
title: "",
// 是否显示弹出层
open: false,
+ // 终端授权类型字典
+ authorizedGrantTypesOptions: [],
// 查询参数
queryParams: {
pageNum: 1,
@@ -169,6 +178,9 @@
},
created() {
this.getList();
+ this.getDicts("sys_grant_type").then(response => {
+ this.authorizedGrantTypesOptions = response.data;
+ });
},
methods: {
/** 查询终端列表 */
@@ -179,6 +191,10 @@
this.total = response.total;
this.loading = false;
});
+ },
+ // 终端授权类型字典翻译
+ authorizedGrantTypesFormat(row, column) {
+ return this.selectDictLabels(this.authorizedGrantTypesOptions, row.authorizedGrantTypes);
},
// 取消按钮
cancel() {
@@ -191,7 +207,7 @@
clientId: undefined,
clientSecret: undefined,
scope: "server",
- authorizedGrantTypes: "password,refresh_token",
+ authorizedGrantTypes: [],
accessTokenValidity: 3600,
refreshTokenValidity: 7200
};
@@ -227,6 +243,7 @@
const clientId = row.clientId || this.ids;
getClient(clientId).then(response => {
this.form = response.data;
+ this.form.authorizedGrantTypes = this.form.authorizedGrantTypes.split(",");
this.open = true;
this.title = "修改终端";
});
@@ -235,6 +252,7 @@
submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
+ this.form.authorizedGrantTypes = this.form.authorizedGrantTypes.join(",");
if (!this.isAdd && this.form.clientId != undefined) {
updateClient(this.form).then(response => {
if (response.code === 200) {
--
Gitblit v1.9.3