处理增加附件

assets/js/controllers/incident/incidentCtrl.js

@@ -1087,7 +1087,7 @@ app.controller('incidentListCtrl', ["$scope", "$http", "i18nService", "$rootScop
         var modalInstance = $modal.open({
             backdrop: false,
             templateUrl: 'assets/views/incident/tpl/doing.tpl.html',
-            controller: function ($scope,$rootScope, $modalInstance, api_bpm_domain, modelData, currentUserId, Alert, api_user_data,api_category) {
+            controller: function ($scope,$rootScope, $modalInstance,FileUploader, api_bpm_domain, modelData, currentUserId, Alert, api_user_data,api_category) {
                 console.log(model,loginUser);
                 $scope.model = model;
 
@@ -1101,6 +1101,90 @@ app.controller('incidentListCtrl', ["$scope", "$http", "i18nService", "$rootScop
                 $scope.incidentClosecodeList = [];
                 $scope.synergeticList = [];
 
+
+                // 附件上传--start
+                //附件上传数据
+                let uploader = ($scope.uploader = new FileUploader({url: "/uploader"}));
+
+                // FILTERS
+                uploader.filters.push({
+                    name: "customFilter",
+                    fn: function (item /*{File|FileLikeObject}*/, options) {
+                    return this.queue.length < 10;
+                    },
+                });
+
+                $scope.dropfile = function (
+                    APIService,
+                    processInstanceId,
+                    taskId,
+                    userId
+                ) {
+                    uploader.onBeforeUploadItem = function (item) {
+                    angular.extend(item.headers, $rootScope.getSession());
+                    item.url = APIService.addFile(
+                        processInstanceId,
+                        taskId,
+                        userId
+                    ).getRequestedUrl();
+                    item.formData.push({
+                        fileName: item.file.name,
+                    });
+                    console.info("onBeforeUploadItem", item);
+                    };
+                    uploader.uploadAll();
+                };
+
+                // CALLBACKS
+                uploader.onWhenAddingFileFailed = function (
+                    item /*{File|FileLikeObject}*/,
+                    filter,
+                    options
+                ) {
+                    console.info("onWhenAddingFileFailed", item, filter, options);
+                };
+                uploader.onAfterAddingFile = function (fileItem) {
+                    console.info("onAfterAddingFile", fileItem);
+                };
+                uploader.onAfterAddingAll = function (addedFileItems) {
+                    console.info("onAfterAddingAll", addedFileItems);
+                };
+                uploader.onBeforeUploadItem = function (item) {
+                    console.info("onBeforeUploadItem", item);
+                };
+                uploader.onProgressItem = function (fileItem, progress) {
+                    console.info("onProgressItem", fileItem, progress);
+                };
+                uploader.onProgressAll = function (progress) {
+                    console.info("onProgressAll", progress);
+                };
+                uploader.onSuccessItem = function (
+                    fileItem,
+                    response,
+                    status,
+                    headers
+                ) {
+                    console.info("onSuccessItem", fileItem, response, status, headers);
+                };
+                uploader.onErrorItem = function (fileItem, response, status, headers) {
+                    console.info("onErrorItem", fileItem, response, status, headers);
+                };
+                uploader.onCancelItem = function (fileItem, response, status, headers) {
+                    console.info("onCancelItem", fileItem, response, status, headers);
+                };
+                uploader.onCompleteItem = function (
+                    fileItem,
+                    response,
+                    status,
+                    headers
+                ) {
+                    console.info("onCompleteItem", fileItem, response, status, headers);
+                };
+                uploader.onCompleteAll = function () {
+                    console.info("onCompleteAll");
+                };
+                // 附件上传--end
+
                 // 获取处理方式
                 $scope.getIncidentHandleCategory = function(){
                     api_wechatfile.getDictionary({"key":"incident_handleCategory","type":"list"}).then(function (data) {

assets/views/incident/tpl/doing.tpl.html

@@ -62,6 +62,40 @@
             </div>
         </div>
     </div>
+    <div class="form-group incidentsearch" style="margin:0 auto;width: 300px;">
+        <div class="panel panel-white">
+            <div class="panel-heading">
+                <div style="width: 120px;" class="btn btn-blue btn-o btn-file col-md-2"><i class="fa fa-plus"></i><span translate="form.button.SELECTFILE"></span><input name="uploadedFile" type="file" nv-file-select="" uploader="uploader" />
+                </div>
+            </div>
+            <div class="panel-body">
+                <table class="table table-striped table-hover">
+                    <thead>
+                        <tr>
+                            <th style="text-align: center;width: 100px;display: inline-block;" class="ellipsis">名称</th>
+                            <th style="text-align: center;" class="ellipsis" ng-show="uploader.isHTML5">大小</th>
+                            <th style="text-align: center;" class="ellipsis">操作</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr ng-repeat="item in uploader.queue">
+                            <td style="text-align: center;width: 100px;display: inline-block;" class="ellipsis"><strong>{{ item.file.name }}</strong></td>
+                            <td style="text-align: center;" ng-show="uploader.isHTML5">{{ item.file.size/1024/1024|number:2 }} MB</td>
+                            <td style="text-align: center;">
+                                <button type="button" class="btn btn-danger btn-xs" ng-click="item.remove()">
+                                    <span class="glyphicon glyphicon-trash"></span>
+                                </button>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+
+                <button type="button" ng-if="to.isupdata" class="btn btn-success btn-s" ng-click="dropfile(to.ApiService,to.processInstanceId, to.taskId, to.userId)" ng-disabled="!uploader.getNotUploadedItems().length">
+                    <span class="glyphicon glyphicon-upload"></span> 上传
+                </button>
+            </div>
+        </div>
+    </div>
 </div>
 <div class="modal-footer modelfooter-hint" style="cursor: pointer;">
     <div class="hintfooterleft pull-left" ng-click="ok()" style="cursor: pointer;">确定</div>