zuel-itsm-3.0.2/assets/views/customform/tpl/ui-dropfile.html

<div class="row padding-sm no-padding-vr bordered no-border-hr ">
    <!--ng-if="options.dropfile"-->
    <div class="col-md-12">
        <!--ng-if="form.dropState"-->
        <div class="panel panel-white">
            <div class="panel-heading">
                <div class="col-md-6">
                    <a class="btn btn-squared"><span>附件上传</span><span class="text-white">附件数:
                            {{ uploader.queue.length }}</span></a>
                </div>
                <span class="btn btn-blue btn-o btn-file col-md-2 pull-right"><i class="fa fa-plus"></i><span
                        translate="form.button.SELECTFILE"></span><input name="uploadedFile" type="file"
                        nv-file-select="" uploader="uploader" />
                </span>
            </div>
            <div class="panel-body">
                <!--h3>附件列表</h3>-->
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th class="center">名称</th>
                            <th class="hidden-xs" ng-show="uploader.isHTML5">大小</th>
                            <th class="hidden-xs" ng-show="uploader.isHTML5">进度</th>
                            <th class="hidden-xs">状态</th>
                            <th class="hidden-xs">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="item in uploader.queue">
                            <td><strong>{{ item.file.name }}</strong></td>
                            <td ng-show="uploader.isHTML5" nowrap>{{ item.file.size/1024/1024|number:2 }} MB</td>
                            <td ng-show="uploader.isHTML5">
                                <div class="progress" style="margin-bottom: 0;">
                                    <div class="progress-bar" role="progressbar"
                                        ng-style="{ 'width': item.progress + '%' }"></div>
                                </div>
                            </td>
                            <td class="center">
                                <span ng-show="item.isSuccess"><i class="glyphicon glyphicon-ok"></i></span>
                                <span ng-show="item.isCancel"><i class="glyphicon glyphicon-ban-circle"></i></span>
                                <span ng-show="item.isError"><i class="glyphicon glyphicon-remove"></i></span>
                            </td>
                            <td nowrap>
                                <button type="button" class="btn btn-warning btn-xs" ng-click="item.cancel()"
                                    ng-disabled="!item.isUploading">
                                    <span class="glyphicon glyphicon-ban-circle"></span> 取消
                                </button>
                                <button type="button" class="btn btn-danger btn-xs" ng-click="item.remove()">
                                    <span class="glyphicon glyphicon-trash"></span>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>

                <p>进度:</p>
                <div class="progress" style="margin-bottom: 0;">
                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                </div>
                <button type="button" 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>
                <button type="button" class="btn btn-warning btn-s" ng-click="uploader.cancelAll()"
                    ng-disabled="!uploader.isUploading">
                    <span class="glyphicon glyphicon-ban-circle"></span> 取消
                </button>
                <button type="button" class="btn btn-danger btn-s" ng-click="uploader.clearQueue()"
                    ng-disabled="!uploader.queue.length">
                    <span class="glyphicon glyphicon-trash"></span>
                </button>
            </div>
            <!--panel body-->
        </div>
    </div>
</div>


<!-- <div class="row padding-sm no-padding-vr bordered no-border-hr ">
    <div class="col-md-12" >
            <div class="panel panel-white">
                <div class="panel-heading">
                    <div class="col-md-6">
                        <span class="btn btn-light-orange btn-o btn-file col-md-4 pull-left"><i class="fa fa-plus"></i><span translate="form.button.SELECTFILE"></span><input name="uploadedFile" type="file" nv-file-select="" uploader="uploader"/>
                        </span>
                        <span class="col-md-6 col-md-offset-1" ng-repeat="item in uploader.queue">{{ item.file.name }}</span>
                    </div>
                    <button type="button" 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>
                    <button type="button" class="btn btn-warning btn-s" ng-click="uploader.cancelAll()" ng-disabled="!uploader.isUploading">
                        <span class="glyphicon glyphicon-ban-circle"></span> 取消
                    </button>
                    <button type="button" class="btn btn-danger btn-s" ng-click="uploader.clearQueue()" ng-disabled="!uploader.queue.length">
                        <span class="glyphicon glyphicon-trash"></span> 删除
                </button>
                </div>
                
            </div>
    </div>
</div> -->
<style>
    .btn-danger {
        background: #fff;
        color: #d43f3a;
        padding: 0 5px !important;
    }
</style>