<div id="vat-caculate-data"> <div class="vat-caculate-data-title" ng-if="tasks.length > 0"> <!--<span translate="vatCaculateDataDesc"></span>--> <!--<button class="btn btn-vat-primary" translate="startCaculateData" ng-disabled="readonly" ng-click="startCaculate()"></button>--> <button class="btn btn-vat-primary" translate="startCaculateData" ng-disabled="readonly" ng-click="startCaculate2()"></button> <span ng-click="showOperateLogPop()"><i class="fa fa-file-excel-o" aria-hidden="true"></i>{{'Remarks' | translate}}</span> </div> <!--<div class="vat-caculate-data-progress progress progress-striped active"> <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" ng-style="{width:progress+'%'}"> <span>{{progress}}</span> </div> </div>--> <div class="vat-caculate-data-progress"> <div class="Bar" ng-style="{width:progress+'%'}"> <div>{{progress}}%</div> </div> </div> <div class="vat-caculate-data-list"> <perfect-scrollbar class="scroller" wheel-propagation="true" wheel-speed="1" min-scrollbar-length="20"> <div ng-repeat="group in tasks" ng-include="'group_template'" /> </perfect-scrollbar> </div> <script type="text/ng-template" id="group_template"> <div> <div ng-if="group.items.length >= 1" class="task" style="margin-bottom:5px;padding-left:20px;">{{group.name}}</div> <ul ng-if="group.items.length >= 1" ng-repeat="task in group.items track by $index"> <li ng-include="'task_template'" /> </ul> <!-- <div ng-if="group.items.length == 1" ng-repeat="task in group.items track by $index" style="height:42px;" ng-include="'task_template'" />--> </script> <script type="text/ng-template" id="task_template"> <div class="task"> <span>{{task.name}}</span> <span ng-if="task.status == 'unstarted'">{{task.text}}</span> <span ng-if="task.status == 'unstarted'" style="align-content:center;"><i class="fa fa-hourglass-o" aria-hidden="true" style="font-size:18px;"></i></span> <span ng-if="task.status == 'completed'">{{task.text}}</span> <span ng-if="task.status == 'completed'" style="align-content:center;"><i class="fa fa-check" aria-hidden="true" style="color:#73BF00;font-size:28px;"></i></span> <span ng-if="task.status == 'processing'">{{task.text}}</span> <!--<span ng-if="task.status == 'processing'" class='loader--audioWave' />--> <span ng-if="task.status == 'processing'" class='load' style="align-content:center;"> <span class="rect1"></span> <span class="rect2"></span> <span class="rect3"></span> <span class="rect4"></span> <spanmoduleType class="rect5"></spanmoduleType> <!--<img src="/app-resources/images/loading.gif" alt="loading...">--> </span> <span ng-if="task.status == 'error'" style="color:red;">{{task.text}}</span> <span ng-if="task.status == 'error'" style="color:red;align-content:center;"><i class="fa fa-times" aria-hidden="true" style="color:red;font-size:28px;"></i></span> </div> </script> <vat-operate-log period="period" module-type="moduleid" is-show="isShowLog"></vat-operate-log> </div>