角色管理

src/views/system/RoleUserList.vue

@@ -22,6 +22,7 @@
     <!-- 操作按钮区域 -->
     <div class="table-operator" style="margin: 5px 0 10px 2px">
       <a-button @click="handleAdd" type="primary" icon="plus" v-has="'sys:role:add'">添加角色</a-button>
+      <a-button @click="handleAddLowerLevel" type="primary" icon="plus" >添加下级</a-button>
       <a-button @click="batchDel" type="danger" icon="delete">批量删除</a-button>
     </div>
     <div style="margin-top: 15px">
@@ -64,6 +65,7 @@ import UserRoleModal from "./modules/UserRoleModal";
 import JEllipsis from "@comp/jero/JEllipsis";
 import moment from "moment";
 
+
 export default {
   name: "RoleUserList",
   mixins: [JeroListMixin],
@@ -94,6 +96,11 @@ export default {
             dataIndex: "roleName",
             scopedSlots: {customRender: 'text'}
           },
+          {
+            title: "上级角色",
+            align: "center",
+            dataIndex: "",
+          },
           {
             title: "创建时间",
             dataIndex: "createTime",
@@ -112,7 +119,7 @@ export default {
           }
         ],
       url: {
-        list: "/sys/role/page",
+        // list: "/sys/role/page",
         delete: "/sys/role/delete",
         deleteBatch: "/sys/role/deleteBatch",
         list2: "/sys/user/userRoleList",
@@ -151,7 +158,22 @@ export default {
         }
       });
     },
-
+    /*
+    * 添加下级
+    * */
+    handleAddLowerLevel(){
+      if(this.selectedRowKeys.length === 0){
+        this.$message.warning('请选择一条记录')
+        return
+      }
+      if(this.selectedRowKeys.length > 1){
+        this.$message.warning('只能选择一条记录')
+        return
+      }
+      // 将这行的角色id作为新建角色的的父级id
+      this.$refs.modalForm.addLowerRole(this.selectedRowKeys[0]);
+      this.$refs.modalForm.title='添加下级'
+    },
     handleAddUserRole() {
       if (this.currentRoleId == "") {
         this.$message.error("请选择一个角色!");

src/views/system/modules/RoleModal.vue

@@ -27,6 +27,13 @@
           <a-input placeholder="请输入角色编码" @change="event => event.target.value = event.target.value.trim()" :maxLength="64" :disabled="roleDisabled" v-decorator="[ 'roleCode', validatorRules.roleCode]" />
         </a-form-item>
 
+        <a-form-item
+            :labelCol="labelCol"
+            :wrapperCol="wrapperCol"
+            label="上级角色">
+          <a-input placeholder="请选择上级角色" @change="event => event.target.value = event.target.value.trim()" :maxLength="64" :disabled="roleDisabled" v-decorator="[ 'roleParentId', validatorRules.roleParentId]" />
+        </a-form-item>
+
         <a-form-item
           :labelCol="labelCol"
           :wrapperCol="wrapperCol"
@@ -95,6 +102,7 @@
         this.edit({});
       },
       edit (record) {
+        debugger
         this.form.resetFields();
         this.model = Object.assign({}, record);
         this.visible = true;
@@ -110,6 +118,16 @@
         });
 
       },
+      /*
+      *  添加下级
+      * */
+      addLowerRole(parentId){
+        this.form.resetFields();
+        this.visible = true;
+        this.$nextTick( () => {
+          this.form.setFieldsValue({roleParentId:parentId})
+        })
+      },
       close () {
         this.$emit('close');
         this.visible = false;