-
+
+
-
-
+
+
ALL
-
- CONNECT
-
SUBSCRIBE
@@ -26,29 +22,44 @@
PUBLISH
-
+
+
+
+
+ ALL
+
+
+ DENY
+
+
+ ALLOW
+
+
+
新增
- 查询
- 重置
- 删除
+ 查询
+ 重置
+ 删除
+
+
-
+
-
+
-
+
-
- ALL
-
-
- CONNECT
-
SUBSCRIBE
@@ -96,6 +102,25 @@
+
+
+
+
+ DENY
+
+
+ ALLOW
+
+
+
+
@@ -122,16 +147,20 @@ const columns = [
customRender: (text, record, index) => index + 1
},
{
- title: '设备',
+ title: '规则',
dataIndex: "subject",
},
{
- title: '资源',
+ title: 'topic',
dataIndex: "source",
},
{
title: '类型',
dataIndex: "action",
+ },
+ {
+ title: '策略',
+ dataIndex: "aclType",
}
]
export default {
@@ -139,11 +168,12 @@ export default {
data() {
return {
params: {
- action: "CONNECT",
+ action: "ALL",
current: 1,
pageSize: 10,
subject: null,
- source: null
+ source: null,
+ aclType: "ALL"
},
pagination: {
@@ -153,7 +183,6 @@ export default {
showTotal: total => `Total ${total} items`, // 显示总数
onShowSizeChange: (page, pageSize) => {
this.pagination.pageSize = pageSize
- console.log(page)
}
},
selectedRowKeys: [],
@@ -161,7 +190,12 @@ export default {
dataSource: null,
visible: false,
confirmLoading: false,
- form: {}
+ form: {
+ action: "PUBLISH",
+ subject: null,
+ source: null,
+ aclType: "ALLOW"
+ }
}
},
mounted() {
@@ -169,11 +203,12 @@ export default {
},
methods: {
reset() {
- this.params.action = "CONNECT"
+ this.params.action = "ALL"
this.params.current = 1
this.params.pageSize = 10
this.params.subject = null
this.params.source = null
+ this.params.aclType = null
this.queryActionData()
},
@@ -210,8 +245,12 @@ export default {
})
this.visible = false;
this.confirmLoading = false
- this.params.action = this.form.action
- this.form = {}
+ this.form = {
+ action: "PUBLISH",
+ subject: null,
+ source: null,
+ aclType: "ALLOW"
+ }
await this.queryActionData()
},
diff --git a/smqtt-ui/src/router/config.js b/smqtt-ui/src/router/config.js
index affdeb73631867225928254c89d458ddc9a980f6..a59bb640adfe678922bf9207c6c6b872481d457b 100644
--- a/smqtt-ui/src/router/config.js
+++ b/smqtt-ui/src/router/config.js
@@ -56,7 +56,7 @@ const options = {
},
{
path: 'acl',
- name: '权限校验',
+ name: '访问控制',
component: () => import('@/pages/dashboard/acl'),
}
diff --git a/smqtt-ui/vue.config.js b/smqtt-ui/vue.config.js
index c08d4da070dc1256f22c4ad5a75034bb799f1f04..f4bfbe6be5894de09d99a57ad69ff3605dcf3601 100644
--- a/smqtt-ui/vue.config.js
+++ b/smqtt-ui/vue.config.js
@@ -23,14 +23,14 @@ const assetsCDN = {
css: [
],
js: [
- '//cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js',
- '//cdn.jsdelivr.net/npm/vue-router@3.3.4/dist/vue-router.min.js',
- '//cdn.jsdelivr.net/npm/vuex@3.4.0/dist/vuex.min.js',
- '//cdn.jsdelivr.net/npm/axios@0.19.2/dist/axios.min.js',
- '//cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js',
- '//cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js',
- '//cdn.jsdelivr.net/npm/@antv/data-set@0.11.4/build/data-set.min.js',
- '//cdn.jsdelivr.net/npm/js-cookie@2.2.1/src/js.cookie.min.js'
+ '//fastly.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js',
+ '//fastly.jsdelivr.net/npm/vue-router@3.3.4/dist/vue-router.min.js',
+ '//fastly.jsdelivr.net/npm/vuex@3.4.0/dist/vuex.min.js',
+ '//fastly.jsdelivr.net/npm/axios@0.19.2/dist/axios.min.js',
+ '//fastly.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js',
+ '//fastly.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js',
+ '//fastly.jsdelivr.net/npm/@antv/data-set@0.11.4/build/data-set.min.js',
+ '//fastly.jsdelivr.net/npm/js-cookie@2.2.1/src/js.cookie.min.js'
]
}