前端迁移

lms/nladmin-ui/src/views/system/user/index.vue

@@ -174,7 +174,9 @@
                 <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
                 <el-dropdown-menu slot="dropdown">
                   <el-dropdown-item icon="el-icon-key"><span @click="resetPassword(scope.row)">重置密码</span></el-dropdown-item>
-                  <el-dropdown-item icon="el-icon-key">部门权限</el-dropdown-item>
+                  <el-dropdown-item icon="el-icon-key">
+                    <span @click="openDrawer(scope.row)">部门权限</span>
+                  </el-dropdown-item>
                   <el-dropdown-item icon="el-icon-key">数据权限</el-dropdown-item>
                   <el-dropdown-item icon="el-icon-key"><span @click="changeEnabled(scope.row)">锁定账号</span></el-dropdown-item>
                   <el-dropdown-item icon="el-icon-circle-check">分配角色</el-dropdown-item>
@@ -187,6 +189,34 @@
         <pagination />
       </el-col>
     </el-row>
+    <el-drawer
+      title="分配部门权限"
+      :visible.sync="deptDrawer"
+      direction="rtl"
+      :before-close="handleClose"
+      :wrapper-closable="false"
+      size="35%"
+    >
+      <div style="margin: 0 20px 0 20px">
+        <div class="head-container">
+          <el-input
+            v-model="deptName"
+            clearable
+            size="mini"
+            placeholder="请输入部门名称"
+            prefix-icon="el-icon-search"
+            class="filter-item"
+            @input="getDeptDatas"
+          />
+        </div>
+        <el-tree
+          show-checkbox
+          :data="deptDatas"
+          :default-checked-keys="depChecked"
+          :props="defaultProps"
+        />
+      </div>
+    </el-drawer>
   </div>
 </template>
 
@@ -249,7 +279,9 @@ export default {
           { required: true, message: '请输入用户姓名', trigger: 'blur' },
           { min: 2, max: 20, message: '长度在 2 到 20 个字符', trigger: 'blur' }
         ]
-      }
+      },
+      deptDrawer: false,
+      depChecked: []
     }
   },
   computed: {
@@ -476,6 +508,18 @@ export default {
           this.crud.notify('密码重置成功，密码:123456', CRUD.NOTIFICATION_TYPE.SUCCESS)
         })
       })
+    },
+    openDrawer(row) {
+      this.deptDrawer = true
+      this.depChecked = row.depts
+      console.log(row)
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done()
+        })
+        .catch(_ => {})
     }
   }
 }