OWL ITS + 탐지시스템(인터넷 진흥원)
jhjang
2021-10-14 b74776268dd3eb2bc57744928d6f7150ffcd4ec2
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<div ng-class="{ 'col-xxl-6' : (vm.search.searchPeriod != 'THIS_MONTH' && vm.search.searchPeriod != 'LAST_MONTH' && vm.search.searchPeriod != 'LAST_THIRTY_DAYS'),
'col-xxl-12' : (vm.search.searchPeriod != 'THIS_WEEK' && vm.search.searchPeriod != 'LAST_WEEK' && vm.search.searchPeriod != 'LAST_SEVEN_DAYS') }">
    <div class="element-box">
        <div class="os-progress-bar">
            <div class="row">
                <div class="bar-label-left col-sm-8">
                    <h5 translate="common.overallIssueHandlingStatus">전체 이슈 처리현황</h5>
                </div>
                <div class="bar-label-right col-sm-4">
                    <form class="form-inline justify-content-sm-end">
                        <select class="form-control rounded form-control-sm"
                                ng-model="vm.search.searchPeriod"
                                tabindex="-1"
                                ng-change="fn.findIssueCompleteWidget()"
                                style="width:140px;">
                            <option value="THIS_WEEK" translate="common.thisWeek">이번 주</option>
                            <option value="LAST_WEEK" translate="common.lastWeek">지난 주</option>
                            <option value="LAST_SEVEN_DAYS" translate="common.last7Days">최근 7일</option>
                            <option value="THIS_MONTH" translate="common.thisMonth">이번 달</option>
                            <option value="LAST_MONTH" translate="common.lastMonth">지난 달(1일~말일)</option>
                            <option value="LAST_THIRTY_DAYS" translate="common.last30Days">최근 30일</option>
                        </select>
                        <div class="btn-group">
                            <button class="btn btn-light btn-rounded dropdown-toggle" data-toggle="dropdown"
                                    type="button"><i class="os-icon os-icon-download"></i></button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" href="" ng-click="fn.downloadImage()">
                                    <i class="fa fa-picture-o"></i>
                                    <span translate="dashboard.downloadToImage">이미지로 다운로드</span>
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
 
 
            <div class="dash-chartdiv mt-20" style="height:auto;">
                <nvd3 options='vm.options' data='vm.data'></nvd3>
            </div>
 
            <div class="row mt-30">
                <div class="col-sm-4 b-r">
                    <div class="el-tablo centered">
                        <div class="label" translate="dashboard.completionIssue">
                            완료 이슈
                        </div>
                        <div class="value">
                            {{issueCompleteWidget.completeCount}}
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 b-r">
                    <div class="el-tablo centered">
                        <div class="label" translate="dashboard.processingRate">
                            처리율
                        </div>
                        <div class="value">
                            {{issueCompleteWidget.issueProgressPercent | number : 1}}%
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="el-tablo centered">
                        <div class="label" translate="dashboard.dailyAverage">
                            일 평균
                        </div>
                        <div class="value">
                            {{issueCompleteWidget.dayIssueCompleteAvg | number : 1}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>