itsm-pc-handle/assets/js/controllers/process/processCtrl.js

'use strict';
/**
 * controllers for process
 */
app.controller('processDefinedCtrl', ["$scope", "$stateParams", "$modal", "Restangular", "SweetAlert", "api_bpm", function($scope, $stateParams, $modal, Restangular, SweetAlert, api_bpm) {

    console.log($stateParams);
    if (angular.isString($stateParams.modelId) && $stateParams.modelId != "") {
        $scope.modelId = $stateParams.modelId;
        api_bpm.modelsource($stateParams.modelId).then(function(data) {
            if (data) {
                var myData = Restangular.stripRestangular(data);
                if (myData.data) {
                    bpmnJS.openDiagram(myData.data);
                }
            }
        });
    }

    var bpmnJS = new window.BpmnJS({
        container: angular.element('#js-drop-zone'),
        canvas: angular.element('#js-canvas'),
        propertiesPanel: angular.element('#js-properties-panel')
    });

    $scope.createNewDiagram = function() {
        bpmnJS.createNewDiagram();
    }

    $scope.openDiagram = function(xml) {
        bpmnJS.openDiagram(xml);
    }

    var setEncoded = function(link, name, data) {
        var encodedData = encodeURIComponent(data);

        if (data) {
            link.addClass('active').attr({
                'href': 'data:application/bpmn20-xml;charset=UTF-8,' + encodedData,
                'download': name
            });
        } else {
            link.removeClass('active');
        }
    }

    $scope.downloadDiagram = function() {
        bpmnJS.saveDiagram(function(err, xml) {
            setEncoded(angular.element('#js-download-diagram'), 'diagram.bpmn', err ? null : xml);
        });
    }

    $scope.deploy = function() {
        bpmnJS.saveDiagram(function(err, xml) {
            if (err) {

            } else {
                var data = {
                    'json_xml': xml
                };
                if (angular.isDefined($scope.modelId)) {
                    data.modelId = $scope.modelId;
                    api_bpm.deploy(data).then(function(response) {
                        console.log(response);
                    });
                } else {
                    var modalInstance = $modal.open({
                        templateUrl: 'assets/views/process/tpl/modal_process.html',
                        controller: function($scope, $modalInstance, title, Alert) {
                            $scope.title = title;
                            $scope.ok = function() {
                                if (angular.isUndefined($scope.data.key) || $scope.data.key == "") {
                                    Alert.swal({
                                        title: "流程信息不能为空",
                                        text: "请将相关信息填写完全!",
                                        type: "error"
                                    });
                                } else {
                                    $modalInstance.close($scope.data);
                                }
                            }
                            $scope.cancel = function() {
                                $modalInstance.dismiss('cancel');
                            };
                        },
                        size: 'sm',
                        resolve: {
                            title: function() {
                                return "配置流程属性";
                            },
                            Alert: function() {
                                return SweetAlert;
                            }
                        }
                    });
                    modalInstance.result.then(function(processData) {
                        if (processData) {
                            angular.extend(processData, data);
                            api_bpm.deploy(data).then(function(response) {
                                console.log(response);
                            });
                        } else {

                        }
                    });
                }
            }
        });
    }

    $scope.save = function() {
        bpmnJS.saveDiagram(function(err, xml) {
            if (err) {

            } else {
                var data = {
                    'json_xml': xml
                };
                if (angular.isDefined($scope.modelId)) {
                    var modelId = $scope.modelId;
                    api_bpm.savemodel(modelId, data).then(function(response) {
                        console.log(response);
                    });
                } else {
                    console.log()
                }

            }
        });
    }



    if (!window.FileList || !window.FileReader) {
        window.alert(
            'Looks like you use an older browser that does not support drag and drop. ' +
            'Try using Chrome, Firefox or the Internet Explorer > 10.');
    } else {
        bpmnJS.registerFileDrop(angular.element('#js-drop-zone'), bpmnJS.openDiagram);
    }
}]);


app.controller('processDefinedListCtrl', ["$scope", "$state", "$timeout", "$interval", "SweetAlert", "uiGridConstants", "uiGridGroupingConstants", "Restangular", "api_bpm", function($scope, $state, $timeout, $interval, SweetAlert, uiGridConstants, uiGridGroupingConstants, Restangular, api_bpm) {
    $scope.gridOptions = {};
    $scope.gridOptions.data = 'myData';
    $scope.gridOptions.enableColumnResizing = true;
    $scope.gridOptions.enableFiltering = true;
    $scope.gridOptions.enableGridMenu = true;
    $scope.gridOptions.showGridFooter = true;
    $scope.gridOptions.showColumnFooter = false;
    $scope.gridOptions.fastWatch = true;

    $scope.gridOptions.rowIdentity = function(row) {
        return row.id;
    };
    $scope.gridOptions.getRowIdentity = function(row) {
        return row.id;
    };

    $scope.gridOptions.columnDefs = [
        { name: 'id', width: '8%', enableFiltering: false },
        { name: 'deploymentId', displayName: '部署Id', width: '10%', enableFiltering: false },
        { name: 'name', displayName: '名称', width: '15%' },
        { name: 'key', displayName: 'KEY', width: '15%' },
        { name: 'version', displayName: '版本号', width: '8%' },
        { name: '最后更新时间', field: 'lastUpdateTime', cellFilter: 'date', width: '15%', type: 'date', enableFiltering: false },
        { name: '创建时间', field: 'createTime', cellFilter: 'date', width: '15%', type: 'date', enableFiltering: false },
        {
            name: '操作',
            // width:'200',
            cellTemplate: '<div><div class="cl-effect-1 ui-grid-cell-contents pull-left" >' +
                '<a class="bianjifont" ng-click="grid.appScope.pdList.selectRowFunction(row.entity)">编辑</a><a class="bianjifont" ng-click="grid.appScope.pdList.removeRowFunction(row.entity)">删除</a></div></div>',
            enableFiltering: false
        }
    ];

    $scope.gridOptions.importerDataAddCallback = function(grid, newObjects) {
        $scope.myData = $scope.myData.concat(newObjects);
    };

    $scope.gridOptions.onRegisterApi = function(gridApi) {
        $scope.gridApi = gridApi;
        //gridApi.selection.on.rowSelectionChanged($scope, selectRowFunction);
    };

    this.selectRowFunction = function(data) {
        console.log(data);
        $state.go('app.process.modeler', { modelId: data.id });
    };

    this.removeRowFunction = function(data) {
        //TODO $translate('key')
        SweetAlert.swal({
            title: "确认删除?",
            text: "删除以后，你将不能恢复该数据!",
            type: "warning",
            cancelButtonText: "取消",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "确认删除!"
        }, function(isConfirm) {
            if (isConfirm) {
                api_bpm.removemodel(data.id).then(function(response) {
                    if (response) {
                        $scope.refreshData();
                        SweetAlert.swal({
                            title: "删除成功!",
                            confirmButtonColor: "#007AFF"
                        });
                    }
                });
            } else {

            }

        });

    }


    $scope.callsPending = 0;

    var i = 0;
    $scope.refreshData = function() {
        $scope.myData = [];

        var start = new Date();
        var sec = $interval(function() {
            $scope.callsPending++;
            api_bpm.list().then(function(data) {
                $scope.callsPending--;
                var myData = Restangular.stripRestangular(data);
                $scope.myData = myData.data;
            });
        }, 200, 10);

        var timeout = $timeout(function() {
            $interval.cancel(sec);
            $scope.left = '';
        }, 2000);

        $scope.$on('$destroy', function() {
            $timeout.cancel(timeout);
            $interval.cancel(sec);
        });
    };

    $scope.refreshData();

}]);