✨ add role permission

tookbra · Jun 9, 2019 · 24f0a35 · 24f0a35
1 parent 16bc349
commit 24f0a35
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 4 deletions.
diff --git a/src/components/tableMenu/index.vue b/src/components/tableMenu/index.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="table-menu">
     <div class="table-menu-permission">
-      <a-button type="primary" icon="plus" @click="showAdd">新增</a-button>
-      <a-button type="danger" class="danger" icon="delete" @click="remove"
+      <a-button type="primary" class="btn" icon="plus" @click="showAdd"
+        >新增</a-button
+      >
+      <a-button type="danger" class="btn anger" icon="delete" @click="remove"
         >删除</a-button
       >
+      <a-button class="btn" icon="delete" @click="showPermission"
+        >权限设置</a-button
+      >
     </div>
     <div class="table-menu-nav">
       <a-button shape="circle" icon="sync" @click="refresh" />
@@ -34,6 +39,9 @@ export default {
     },
     showAdd() {
       this.$emit("showAdd");
+    },
+    showPermission() {
+      this.$emit("showPermission");
     }
   }
 };
@@ -52,8 +60,10 @@ export default {
   overflow: hidden;
   margin-bottom: 5px;
 
-  .ant-btn-primary {
-    margin-right: 8px;
+  .table-menu-permission {
+    .btn {
+      margin-right: 8px;
+    }
   }
   .table-menu-nav {
     display: flex;

diff --git a/src/mock/services/resource.js b/src/mock/services/resource.js
@@ -28,6 +28,10 @@ const getResource = () => {
         {
           title: "数据字典",
           key: "dict"
+        },
+        {
+          title: "系统配置",
+          key: "setting"
         }
       ]
     }

diff --git a/src/views/system/role.vue b/src/views/system/role.vue
@@ -56,6 +56,7 @@
       @refresh="refresh"
       @remove="batchRemove"
       @showAdd="showAdd"
+      @showPermission="showPermission"
     />
     <s-table
       ref="table"
@@ -348,6 +349,16 @@ export default {
         onCancel() {}
       });
     },
+    showPermission() {
+      if (!this.selectedRowKeys.length) {
+        this.$message.warning("请选择需授权的数据");
+        return;
+      }
+      if (this.selectedRowKeys.length > 1) {
+        this.$message.warning("只能选择一条需授权的数据");
+        return;
+      }
+    },
     showAdd() {
       this.visible = true;
       this.title = "新增";