cit-calculate-data.html 3.44 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
<div id="cit-calculate-data">

    <div class="cit-calculate-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>