adminnavmanagerCtrl.js 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. 'use strict';
  2. /**
  3. * controller for User Profile Example
  4. */
  5. app.controller('adminNavmanagerListCtrl', ["$rootScope","$scope", "$state", "$timeout", "$interval", "$modal", "SweetAlert", "i18nService", "uiGridConstants", "uiGridGroupingConstants", "Restangular", "api_configure_data", function ($rootScope, $scope, $state, $timeout, $interval, $modal, SweetAlert, i18nService, uiGridConstants, uiGridGroupingConstants, Restangular, api_configure_data) {
  6. $scope.langs=i18nService.getAllLangs();
  7. $scope.lang = 'zh-cn';
  8. i18nService.setCurrentLang($scope.lang);
  9. var loginUser=$rootScope.user;
  10. //$scope.allright=false;
  11. //$scope.allrightnot=true;
  12. $scope.gridOptions = {};
  13. $scope.gridOptions.data = 'myData';
  14. $scope.gridOptions.enableColumnResizing = true;
  15. $scope.gridOptions.enableFiltering = true;
  16. $scope.gridOptions.enableGridMenu = false;
  17. $scope.gridOptions.enableRowSelection = true;
  18. $scope.gridOptions.showGridFooter = true;
  19. $scope.gridOptions.showColumnFooter = false;
  20. $scope.gridOptions.fastWatch = true;
  21. $scope.gridOptions.useExternalFiltering=true;
  22. $scope.gridOptions.useExternalPagination = true;
  23. $scope.gridOptions.paginationPageSizes = [10];
  24. $scope.gridOptions.paginationPageSize = 10;
  25. $scope.gridOptions.multiSelect = true;
  26. //$scope.gridOptions.rowTemplate= "<div ng-dblclick=\"grid.appScope.onDblClick(row)\" ng-repeat=\"(colRenderIndex, col) in colContainer.renderedColumns track by col.uid\" ui-grid-one-bind-id-grid=\"rowRenderIndex + '-' + col.uid + '-cell'\" class=\"ui-grid-cell\" ng-class=\"{ 'ui-grid-row-header-cell': col.isRowHeader }\" role=\"{{col.isRowHeader ? 'rowheader' : 'gridcell'}}\" ui-grid-cell></div>";
  27. $scope.gridOptions.rowIdentity = function(row) {
  28. return row.id;
  29. };
  30. $scope.gridOptions.getRowIdentity = function(row) {
  31. return row.id;
  32. };
  33. $scope.transferRole = function(roles){
  34. var tempValue="";
  35. angular.forEach(roles,function(item){
  36. if(tempValue!=""){
  37. tempValue = tempValue + "/" ;
  38. }
  39. tempValue = tempValue + item.role;
  40. })
  41. return tempValue;
  42. }
  43. //remote data
  44. $scope.gridOptions.columnDefs = [
  45. { name:'title', displayName:'菜单名', width:100},
  46. { name:'link', displayName:'链接', width:140,enableFiltering:false},
  47. // { name:'gender', displayName:'性别', editableCellTemplate: 'ui-grid/dropdownEditor', width:80, editDropdownValueLabel: 'gender', editDropdownOptionsArray: [
  48. // { id: '男', gender: '男' },
  49. // { id: '女', gender: '女' }
  50. // ]
  51. // },
  52. // { name:'dept.dept', displayName:'部门', width:140},
  53. // { name:'email', displayName:'邮箱', width:100},
  54. // { name:'phone', displayName:'电话', width:100},
  55. { name:'parent.title', displayName:'父类', width:200,enableFiltering:false},
  56. // { name:'role', cellTemplate:'<div class="ui-grid-cell-contents">{{grid.appScope.transferRole(row.entity.role)}}</div>', displayName:'角色', width:140},
  57. { name:'编辑', cellTemplate:'<a class="btn btn-sm btn-info" ng-click="grid.appScope.saveData(row.entity)" tooltip="编辑">' +
  58. '<i class="fa fa-pencil-square-o"/></a>' , width:100,enableFiltering:false}
  59. //'<div class="links cl-effect-1">' +
  60. // '<a ng-click="grid.appScope.selectRowFunction(row.entity)" tooltip="编辑" tooltip-placement="left"><i class="fa fa-pencil-square-o"></i></a>'+
  61. // '</div>' , width:100, enableFiltering:false}
  62. ];
  63. $scope.saveData = function(data){
  64. var modelData = {
  65. model : {
  66. menu : data
  67. }
  68. };
  69. // console.log("modelData="+JSON.stringify(modelData));
  70. $state.go('app.system.form_editor',{formKey:'system_edit_navmanager', service:'api_configure_data',model : JSON.stringify(modelData)}
  71. );
  72. };
  73. // $scope.addData = function(){
  74. // $state.go('app.system.form',{formKey:'system_edit_navmanager', service:'api_configure_data',}
  75. // );
  76. // }
  77. $scope.removeData = function(){
  78. var rmvList = [];
  79. angular.forEach($scope.selected.items,function(item){
  80. rmvList.push(item.id);
  81. });
  82. if(rmvList.length>0){
  83. api_configure_data.rmvData('menu',rmvList).then(function(response){
  84. if(response.data){
  85. SweetAlert.swal({
  86. title: "删除成功!",
  87. type: "success",
  88. confirmButtonColor: "#007AFF"
  89. },function(){
  90. $scope.myData = _.reject($scope.myData, function(o) { return _.includes(rmvList,o.id); });
  91. $scope.selected = {
  92. items:[]
  93. };
  94. });
  95. }else{
  96. SweetAlert.swal({
  97. title: "操作异常!",
  98. text: "系统异常,请稍后重试,或者联系管理员!",
  99. type: "error"
  100. });
  101. }
  102. })
  103. }
  104. }
  105. $scope.selected = {
  106. items:[]
  107. }
  108. $scope.editted = {
  109. items:[]
  110. }
  111. $scope.gridOptions.onRegisterApi = function(gridApi){
  112. $scope.gridApi = gridApi;
  113. gridApi.edit.on.afterCellEdit($scope,function(rowEntity, colDef, newValue, oldValue){
  114. console.log(rowEntity);
  115. });
  116. gridApi.pagination.on.paginationChanged($scope, function (newPage, pageSize) {
  117. var filtersData = $scope.memoryfilterData;
  118. filtersData.idx=newPage-1;
  119. filtersData.sum=pageSize;
  120. $scope.refreshData('expand-right',filtersData);
  121. });
  122. gridApi.selection.on.rowSelectionChanged($scope, function(scope){
  123. var j=0;
  124. for(var i=0;i<=scope.grid.appScope.selected.items.length;i++){
  125. if(scope.grid.appScope.selected.items[i]==scope.entity){
  126. j++;
  127. break;
  128. }
  129. }
  130. // console.log("j="+j)
  131. if(j==1){
  132. scope.grid.appScope.selected.items.splice(i,1);
  133. }else{
  134. scope.grid.appScope.selected.items.push(scope.entity)
  135. }
  136. //console.log("scope.grid.appScope.selected.items="+JSON.stringify(scope.grid.appScope.selected.items));
  137. //console.log("scope.entity="+JSON.stringify(scope.entity));
  138. });
  139. gridApi.core.on.filterChanged( $scope, function() {
  140. var grid = this.grid;
  141. var filtersData = {
  142. idx:0,
  143. sum:10
  144. };
  145. angular.forEach(grid.columns,function(item){
  146. if(item.enableFiltering){
  147. if(angular.isDefined(item.filters[0].term)&&item.filters[0].term!=''){
  148. if(angular.isUndefined(filtersData['menu'])){
  149. filtersData['menu']={};
  150. }
  151. filtersData['menu'][item.field]=item.filters[0].term;
  152. }
  153. }
  154. });
  155. // $scope.memoryfilterData = filterData
  156. $scope.refreshData('expand-right', filtersData);
  157. });
  158. };
  159. var defaultFilterData = {
  160. "idx":0,
  161. "sum":10
  162. };
  163. $scope.memoryfilterData = {
  164. "idx":0,
  165. "sum":10
  166. }
  167. $scope.ldloading = {};
  168. $scope.refreshData = function(style,filterData){
  169. $scope.ldloading[style.replace('-', '_')] = true;
  170. if(angular.isUndefined(filterData)){
  171. filterData = defaultFilterData;
  172. }
  173. if(angular.isDefined($scope.searchTypes)){
  174. filterData['searchType'] = $scope.searchTypes;
  175. }
  176. $scope.myData = [];
  177. api_configure_data.fetchDataList('menu',filterData).then(function(data){
  178. var myData = Restangular.stripRestangular(data);
  179. $scope.gridOptions.totalItems = myData.totalNum;
  180. $scope.myData = myData.list;
  181. $scope.ldloading[style.replace('-', '_')] = false;
  182. },function(){
  183. $scope.ldloading[style.replace('-', '_')] = false;
  184. });
  185. };
  186. $scope.refreshData('expand-right', defaultFilterData);
  187. }]);