From 443ce34bafc3e7aa716728a7b8cd0288bf923287 Mon Sep 17 00:00:00 2001 From: shentao Date: Wed, 20 Sep 2017 18:39:35 +0800 Subject: Upload alarm display pages Change-Id: I1dce4ae37288adc57bce21845c6f9469b6defa77 Issue-Id: USECASEUI-33 Signed-off-by: shentao --- .../fusion/scripts/controller/alarmController.js | 109 +++++++++++++-------- 1 file changed, 67 insertions(+), 42 deletions(-) (limited to 'usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js') diff --git a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js index 6ca18ac6..b268ed31 100644 --- a/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js +++ b/usecaseui-monitor/src/main/webapp/app/uui/fusion/scripts/controller/alarmController.js @@ -1,3 +1,18 @@ +/* + Copyright (C) 2017 CMCC, Inc. and others. All rights reserved. + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + */ app.controller('perCtrl', function ($scope) { }); @@ -66,10 +81,10 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva field: 'name', displayName: 'name', width: '8%', - enableColumnMenu: false,// 是否显示列头部菜单按钮 + enableColumnMenu: false, enableHiding: false, suppressRemoveSort: true, - enableCellEdit: false // 是否可编辑 + enableCellEdit: false }, {field: "Id"}, {field: "State",cellFilter:'mapGender'}, @@ -78,55 +93,53 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva {field: "Disk"}, {field: "Network"}, {field: "Action", cellTemplate : - '
' + '
' , enableCellEdit:false}, ], - enableSorting: true, //是否排序 - useExternalSorting: false, //是否使用自定义排序规则 - enableGridMenu: true, //是否显示grid 菜单 - showGridFooter: true, //是否显示grid footer - enableHorizontalScrollbar: 1, //grid水平滚动条是否显示, 0-不显示 1-显示 - enableVerticalScrollbar: 0, //grid垂直滚动条是否显示, 0-不显示 1-显示 + enableSorting: true, + useExternalSorting: false, + enableGridMenu: true, + showGridFooter: true, + enableHorizontalScrollbar: 1, + enableVerticalScrollbar: 0, enableFiltering: true, - //-------- 分页属性 ---------------- - enablePagination: true, //是否分页，默认为true - enablePaginationControls: true, //使用默认的底部分页 - paginationPageSizes: [10, 15, 20], //每页显示个数可选项 - paginationCurrentPage: 1, //当前页码 - paginationPageSize: 10, //每页显示个数 - //paginationTemplate:"
", //自定义底部分页代码 - totalItems: 0, // 总数量 - useExternalPagination: true,//是否使用分页按钮 - - - //----------- 选中 ---------------------- - enableFooterTotalSelected: true, // 是否显示选中的总数，默认为true, 如果显示，showGridFooter 必须为true - enableFullRowSelection: true, //是否点击行任意位置后选中,默认为false,当为true时，checkbox可以显示但是不可选中 - enableRowHeaderSelection: true, //是否显示选中checkbox框 ,默认为true - enableRowSelection: false, // 行选择是否可用，默认为true; - enableSelectAll: true, // 选择所有checkbox是否可用，默认为true; - enableSelectionBatchEvent: true, //默认true - isRowSelectable: function (row) { //GridRow + + enablePagination: true, + enablePaginationControls: true, + paginationPageSizes: [10, 15, 20], + paginationCurrentPage: 1, + paginationPageSize: 10, + //paginationTemplate:"
", + totalItems: 0, + useExternalPagination: true, + + enableFooterTotalSelected: true, + enableFullRowSelection: true, + enableRowHeaderSelection: true, + enableRowSelection: false, + enableSelectAll: true, + enableSelectionBatchEvent: true, + isRowSelectable: function (row) { /* if(row.entity.age > 45){ - row.grid.api.selection.selectRow(row.entity); // 选中行 + row.grid.api.selection.selectRow(row.entity); }*/ }, - modifierKeysToMultiSelect: false,//默认false,为true时只能 按ctrl或shift键进行多选, multiSelect 必须为true; - multiSelect: true,// 是否可以选择多个,默认为true; - noUnselect: false,//默认false,选中后是否可以取消选中 - selectionRowHeaderWidth: 20,//默认30 ，设置选择列的宽度； + modifierKeysToMultiSelect: false, + multiSelect: true, + noUnselect: false, + selectionRowHeaderWidth: 20, //---------------api--------------------- onRegisterApi: function (gridApi) { $scope.gridApi = gridApi; - //分页按钮事件 + gridApi.pagination.on.paginationChanged($scope, function (newPage, pageSize) { if (getPage) { getPage(newPage, pageSize); } }); - //行选中事件 + $scope.gridApi.selection.on.rowSelectionChanged($scope, function (row, event) { if (row) { var num = $.inArray(row.entity.Id, $scope.selectedRows); @@ -146,7 +159,7 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva var firstRow = (curPage - 1) * pageSize; $scope.gridOptions.totalItems = mydefalutData.length; $scope.gridOptions.data = mydefalutData.slice(firstRow, firstRow + pageSize); - //或者像下面这种写法 + //$scope.myData = mydefalutData.slice(firstRow, firstRow + pageSize); }; getPage(1, $scope.gridOptions.paginationPageSize); @@ -157,13 +170,11 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva $scope.status = [ {id: 1, name: 'danger', count: 10}, - {id: 2, name: 'alarm', count: 8}, + {id: 2, name: 'warming', count: 8}, {id: 3, name: 'normal', count: 7}, {id: undefined, name: 'All', count: 7} ]; - - $scope.selectStatus = function (v) { $scope.selectedStatus = v; $scope.gridApi.grid.refresh(); @@ -172,6 +183,20 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva return status_id == $scope.selectedStatus; }; + $scope.open = [ + {id: 1, name: 'open', count: 10}, + {id: 2, name: 'close', count: 8}, + {id: undefined, name: 'All', count: 7} + ]; + + $scope.selectOpen = function (v) { + $scope.selectedOpen = v; + $scope.gridApi.grid.refresh(); + }; + $scope.activeOpen = function (open_id) { + + return open_id == $scope.selectedOpen; + }; $scope.singleFilter = function (renderableRows) { var matcher = new RegExp($scope.selectedStatus); @@ -188,20 +213,20 @@ app.controller('alarmGridCtrl', ['$scope','$log', '$http', '$timeout', '$interva }); return renderableRows; }; -//input框 +//input $scope.menuState={show: false} $scope.toggleMenu=function() { $scope.menuState.show=!$scope.menuState.show; } - //切换框 + $scope.singleModel = 1; $scope.radioModel = 'Middle'; $scope.checkModel = { open: false, - close: true, + close: true }; $scope.checkResults = []; -- cgit 1.2.3-korg