Browse Source

个人信息-编辑角色

yangc 8 years ago
parent
commit
41249e24bb

BIN
src/main/webapp/resources/img/vendor/images/check-active.jpg


BIN
src/main/webapp/resources/img/vendor/images/check.jpg


+ 52 - 1
src/main/webapp/resources/js/vendor/controllers/forstore/vendor_account_management_ctrl.js

@@ -122,7 +122,16 @@ define(['app/app'], function(app) {
 				toaster.pop('error', '错误', response.data);
 			});
 		};
-
+		$scope.adding = true;
+		$scope.setAdding = function (status) {
+			if (status || !$scope.inSelect) {
+				$scope.adding = status;
+			}
+		}
+		$scope.inSelect = false;
+		$scope.setInSelect = function (status) {
+			$scope.inSelect = status;
+		}
 		/**
 		 * 删除用户
 		 */
@@ -311,6 +320,19 @@ define(['app/app'], function(app) {
                 added && (getData());
             });
         };
+
+        $scope.editUserRole = function (user) {
+			var modalInstance = $modal.open({
+				animation: true,
+				templateUrl: $rootScope.rootPath + '/static/view/vendor/modal/edit_user_role.html',
+				controller: 'UserRoleEditCtrl',
+				resolve: {
+					user: function () {
+						return user;
+					}
+				}
+			});
+		};
     }]);
 
 	/*
@@ -443,6 +465,7 @@ define(['app/app'], function(app) {
 	}]);
 
 
+	//角色权限-编辑角色controller
     app.register.controller('RoleEditCtrl', ['$scope', '$modalInstance', '$timeout', 'AccountResource', 'AccountRole', 'toaster', 'role', 'BaseService', function ($scope, $modalInstance, $timeout, AccountResource, AccountRole, toaster, role, BaseService) {
         BaseService.scrollBackToTop();
         $scope.role = role;
@@ -546,4 +569,32 @@ define(['app/app'], function(app) {
             //})
         };
     }]);
+
+	app.register.controller('UserRoleEditCtrl', ['$scope', '$modalInstance', '$timeout', 'AccountResource', 'toaster', 'user', 'BaseService','AccountRole', function ($scope, $modalInstance, $timeout, AccountResource, toaster, user, BaseService, AccountRole) {
+		var init = function () {
+			$scope.user = angular.copy(user);
+			AccountRole.query({},function (data) {
+				$scope.rolesData = data;
+				angular.forEach($scope.rolesData, function (item) {
+					item.checked = false;
+					angular.forEach($scope.user.roles, function (userItem) {
+						if (item.id === userItem.id) {
+							item.checked = true;
+						}
+					});
+				});
+			});
+		}
+		init();
+
+		//勾选角色
+		$scope.checkRole = function (role) {
+			role.checked = !role.checked;
+		}
+
+		//关闭模态框
+		$scope.cancelModal = function () {
+			$modalInstance.close();
+		}
+	}]);
 });

+ 3 - 3
src/main/webapp/resources/view/vendor/forstore/vendor_account_management.html

@@ -765,11 +765,11 @@
                 <div class="auth-info-header" ng-show="userInfo.sys">
                     <div class="addUser-group">
                         <!--<i class="fa fa-user-plus fa-fw"></i>-->
-                        <div class="addUser-btn" ng-click="adding = !adding">
+                        <div class="addUser-btn" ng-mouseenter="setAdding(true)" ng-mouseleave="setAdding(false)">
                             <img src="static/img/vendor/images/addUser.jpg" alt="">
                             <span>新增用户</span>
                         </div>
-                        <div class="addUser-expand" ng-show="adding">
+                        <div class="addUser-expand" ng-show="adding" ng-mouseenter="setInSelect(true)" ng-mouseleave="setInSelect(false)">
                             <div ng-click="setAddingUser(true)">
                                 <i class="fa fa-plus-circle"></i>
                                 <span>添加未注册用户</span>
@@ -877,7 +877,7 @@
                             <td class="edit-btn-area">
                                 <!--<a class="operator-trigger" href="javascript:void(0);"><i class="fa fa-pencil fa-lg" ng-show="(userInfo.sys && enterprise.enAdminuu != user.userUU) || users.length == 1"></i></a>-->
                                 <div ng-show="(userInfo.sys && enterprise.enAdminuu != user.userUU) || users.length == 1">
-                                    <!--<li><a ng-click="editUserRole(u)"><i class="fa fa-fw fa-pencil-square-o" style="color: #fff"></i>编辑</a></li>-->
+                                    <a ng-click="editUserRole(user)" ng-if="user.userUU != userInfo.userUU" title="编辑"><i></i>编辑 | </a>
                                     <a ng-click="removeUser(user)" ng-if="user.userUU != userInfo.userUU" title="删除"><i></i>删除</a>
                                 </div>
                             </td>

+ 119 - 0
src/main/webapp/resources/view/vendor/modal/edit_user_role.html

@@ -0,0 +1,119 @@
+<style>
+    .modal-content {
+        width: 575px;
+    }
+    .user-role-manage .user-role-header {
+        border-bottom: 1px solid #ededed;
+    }
+    .user-role-manage .user-role-header >span {
+        height: 40px;
+        line-height: 40px;
+        display: inline-block;
+        font-size: 14px;
+        color: #666;
+        margin-left: 14px;
+    }
+    .user-role-manage .default-role-area {
+        padding: 21px 22px 10px 22px;
+        border-bottom: 1px solid #ededed;
+    }
+    .user-role-manage .default-role-box {
+        width: 170px;
+        height: 102px;
+        display: inline-block;
+        background: #89aefa;
+        color: #fff;
+        padding: 10px 17px 16px 8px;
+        vertical-align: middle;
+        margin-right: 6px;
+        margin-bottom: 10px;
+        position: relative;
+    }
+    .user-role-manage .default-role-box p {
+        text-align: center;
+        margin-bottom: 10px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .user-role-manage .default-role-box:nth-child(3n) {
+        margin-right: 0;
+    }
+    .user-role-manage .default-role-box span {
+        font-size: 12px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: pre-wrap;
+        word-break: normal;
+        height: 43px;
+        width: 100%;
+        display: block;
+    }
+    .user-role-manage .default-role-box img {
+        border-radius: 100%;
+        position: absolute;
+        right: 3px;
+        bottom: 3px;
+        cursor: pointer;
+    }
+    .user-role-manage .bgcolor-1 {
+        background: #ff8050!important;
+    }
+    .user-role-manage .bgcolor-2 {
+        background: #01d9ce!important;
+    }
+    .user-role-manage .bgcolor-3 {
+        background: #f7b73c!important;
+    }
+    .user-role-manage .bgcolor-4 {
+        background: #89aefa!important;
+    }
+    .user-role-manage .bgcolor-5 {
+        background: #ff6769!important;
+    }
+    .user-role-manage  .bgcolor-6 {
+        background: #64bfe9!important;
+    }
+    .user-role-manage .bgcolor-7 {
+        background: #4bc701!important;
+    }
+    .user-role-manage .user-role-footer {
+        height: 50px;
+        line-height: 50px;
+        text-align: center;
+    }
+    .user-role-manage .user-role-footer span {
+        width: 64px;
+        height: 28px;
+        line-height: 28px;
+        display: inline-block;
+        font-size: 14px;
+        background: #5078cb;
+        color: #fff;
+        cursor: pointer;
+    }
+    .user-role-manage .user-role-footer span:first-child {
+        background: #c8c6c6;
+        margin-right: 8px;
+    }
+</style>
+
+<div class="user-role-manage">
+    <div class="user-role-header">
+        <span>编辑角色</span>
+        <button style=" padding-right:9px; " type="button" class="close" data-dismiss="alert" ng-click="cancelModal()" aria-label="Close">
+            <span aria-hidden="true">×</span>
+        </button>
+    </div>
+    <div class="default-role-area">
+        <div class="{{'default-role-box bgcolor-'+((($index+1)%7)+1)}}" ng-repeat="role in rolesData track by $index">
+            <p title="{{role.desc}}">{{role.desc}}</p>
+            <span title="{{role.duty}}">{{role.duty}}</span>
+            <img ng-src="static/img/vendor/images/{{role.checked?'check-active':'check'}}.jpg" alt="" ng-click="checkRole(role)">
+        </div>
+    </div>
+    <div class="user-role-footer">
+        <span ng-click="cancelModal()">取消</span>
+        <span>确定</span>
+    </div>
+</div>