crowd-test-service
/
moooc_review


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349
							<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="main">
<head>
    <link rel="stylesheet" type="text/css" href="/static/css/main.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/all_reports.css" />

    <!-- dataTables -->
    <link rel="stylesheet" type="text/css"
          href="/static/AdminLTE/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css" />
</head>
<body>
<th:block layout:fragment="sidebar">
    <li>
        <a th:href="'/task_detail?examId=' + ${examId} + '&amp;caseId=' + ${caseId}">
            <i class="glyphicon glyphicon-book"></i>
            <span>
                任务详情
            </span>
        </a>
    </li>
    <li>
        <a th:href="'/final_reports?examId=' + ${examId} + '&amp;caseId=' + ${caseId}">
            <i class="fa fa-calendar-check-o"></i>
            <span>预交付报告</span>
        </a>
    </li>
    <li>
        <a th:href="'/review_report?examId=' + ${examId} + '&amp;caseId=' + ${caseId}">
            <i class="glyphicon glyphicon-edit"></i>
            <span>
                报告审核
            </span>
        </a>
    </li>
    <li class="treeview">
        <a href="#">
            <i class="fa fa-list"></i>
            <span>Reports</span>
            <span class="pull-right-container">
			<i class="fa fa-angle-left pull-right"></i>
		</span>
        </a>
        <ul class="treeview-menu" style="display: block;">
            <li class="active">
                <a th:href="'/agg_report_list?examId='+${examId}+'&amp;caseId='+${caseId}">
                    <i class="fa fa-circle-o"></i>
                    <span>全部报告</span>
                    <span class="badge pull-right all-number" th:text="${task.numOfTotalBug}">199</span>
                </a>
            </li>
            <li>
                <a th:href="'/agg_report_list?examId='+${examId}+'&amp;caseId='+${caseId}+'&amp;status=1'">
                    <i class="fa fa-check-circle-o text-success"></i>
                    <span>已审核报告</span>
                    <span class="badge badge-success pull-right assigned-number" th:text="${task.numOfTotalBug - task.numOfUndeal}">50</span>
                </a>
            </li>
            <li>
                <a th:href="'/agg_report_list?examId='+${examId}+'&amp;caseId='+${caseId}+'&amp;status=0'">
                    <i class="fa fa-clock-o text-danger"></i>
                    <span>未审核报告</span>
                    <span class="badge badge-danger pull-right unassign-number" th:text="${task.numOfUndeal}">149</span>
                </a>
            </li>
        </ul>
    </li>
</th:block>

<th:block layout:fragment="maincontent">
    <section class="content-header">

        <ul id="myTab" class="nav nav-tabs">
            <li class="active">
                <a href="#allReport" data-toggle="tab">全部报告</a>
            </li>
            <li>
                <a href="#masterReport" data-toggle="tab">聚类报告</a>
            </li>
            <li>
                <a href="#treeReport" data-toggle="tab">树状报告</a>
            </li>
        </ul>

        <ol class="breadcrumb">
            <li>
                <a href="/home">
                    <i class="fa fa-dashboard"></i>
                    全部任务
                </a>
            </li>
            <li class="active" th:text="|${task.name} 审核列表|">
            </li>
        </ol>
    </section>

    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="allReport">
            <section class="content container-fluid">

                <table id="report-list" class="table table-striped table-bordered" cellpadding="0" width="100%">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>可复现程度</th>
                        <th>分类</th>
                        <th>严重程度</th>
                        <th>描述</th>
                        <th>审核状态</th>
                        <th>审核人</th>
                        <th>所属聚合报告</th>
                        <th>所属树状报告</th>
                    </tr>
                    </thead>
                    <tbody>
                    <th:block th:each="report : ${allReports}">

                        <tr th:class="|row-${report.getId()}|">
                            <td>
                                <a  th:href="'/report/'+${report.getId()}+'?examId=' + ${examId} + '&amp;caseId=' + ${caseId}" th:text="|ML-${report.getId().substring(10)}|" ></a>
                            </td>
                            <td>
                                <span th:text="${recurrent2String.get(report.recurrent)}"></span>
                            </td>
                            <td>
                                <!--<i class="fa fa-square" style="color: {{ report.print_bug_category_color  }};"></i>-->
                                <span th:text="${report.bugCategory}"></span>
                            </td>
                            <td>
                                <img th:alt="|${severity2String.get(report.severity)} Image|" height="14" th:src="'/static/images/icons/priorities/' + ${report.severity} + '.png'" />
                                <span th:text="${severity2String.get(report.severity)}"></span>
                            </td>
                            <td style="width: 300px;">
                                <div th:id="'ab-content-' + ${report.id}" data-toggle="collapse" th:attr="data-target='#full-content-' + ${report.id}" class="trunc collapse in" th:text="${report.description}">
                                </div>
                                <div th:id="'full-content-' + ${report.id}" data-toggle="collapse" th:attr="data-target='#ab-content-' + ${report.id}" class="full-content collapse">
                                    <span th:text="${report.description}"></span>
                                    <br/>
                                    <!--<img class="my-img-thumbnail pointer" th:src="${imgUrl}"-->
                                    <!--th:each="imgUrl,iterStat : ${report.getImgUrls()}"-->
                                    <!--th:onclick="'javascript:showimage(\''+${imgUrl}+'\');'"/>-->

                                </div>
                            </td>
                            <td>
                                <label class="label label-warning" th:if="${report.status == 0}">待审核</label>
                                <label class="label label-success" th:if="${report.status == 1}">已审核</label>
                            </td>

                            <td class="report-assignee">
                                <span th:if="${report.reviewerId != null}" th:text="${reviewMap.get(report.reviewerId)}"></span>
                            </td>
                            <td class="report-aggregator">
                                <span th:if="${!aggregated}">暂无</span>
                                <!--                        是否已经聚合-->
                                <a th:if="${aggregated}" th:text="|ML-AG-${report.masterId.substring(10)}|" th:href="'/report?masterId='+${report.masterId}+'&amp;examId='+${examId}+'&amp;caseId='+${caseId}"></a>
                            </td>
                            <td>
                                <span th:if="(${report.getTreeId()==null}) or ${report.getTreeId().length()==4}">暂无</span>
                                <a th:if="${report.getTreeId()!=null} and  ${report.getTreeId().length()!=4}" th:text="|ML-TR-${report.treeId.substring(10)}|" th:href="'/history/report?treeId='+${report.treeId}+'&amp;examId='+${examId}+'&amp;caseId='+${caseId}"></a>
                            </td>
                        </tr>
                    </th:block>
                    </tbody>
                </table>
            </section>
        </div>

        <div class="tab-pane fade" id="masterReport">
            <section class="content container-fluid">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">聚合视图 <span class="badge badge-info" th:text="${aggNum}"></span></h3>

                    </div><!-- /.box-header -->

                    <div class="box-body agg-report-list">

                        <th:block th:each="masterBug : ${master2BugIdsMap}">
                            <div class="col-md-4">
                                <div class="box box-solid box-default">

                                    <div class="box-header" id="agg-title-{{aggReport.dup_tag}}">
                                        <div style="overflow: auto;">
                                            <a th:href="@{'/report?masterId=' + ${masterBug.key} + '&amp;examId=' + ${examId} + '&amp;caseId=' + ${caseId}}"
                                               class="pull-left agg-title" th:text="|ML-AG-${masterBug.key.substring(10)}|"></a>
                                            <a th:href="'#dup-list-'+${masterBug.key}"
                                               class="glyphicon glyphicon-menu-hamburger pull-right agg-title"
                                               data-toggle="collapse"></a>
                                            <span class="pull-right" style="margin-right: 5px;">

                                        <label class="badge badge-success" th:if="${bugMap.get(masterBug.key).status == 1}">已审核</label>
                                        <label class="badge badge-warning" th:if="${bugMap.get(masterBug.key).status == 0}">未审核</label>
                                    </span>
                                            <br/>
                                        </div>
                                        <div style="margin-top: 5px;">
                                            <span class="agg-title">聚合报告数<span class="badge badge-default agg-badge" th:text="${masterBug.value.size()}">10</span></span>

                                        </div>
                                    </div>
                                    <div class="sup-title" style="padding: 15px 15px; min-height: 181px;overflow: scroll; max-height: 181px;"
                                    >
                                        <span th:text="${bugMap.get(masterBug.key).description}"></span><br/>
                                        <img class="my-img-thumbnail pointer to-add" th:src="${imgUrl}"
                                             th:each="imgUrl,iterStat : ${bugMap.get(masterBug.key).getImgUrls()}"
                                             th:onclick="'javascript:showimage(\''+${imgUrl}+'\');'"/>
                                    </div>
                                    <ul class="list-group collapse" th:id="'dup-list-' + ${masterBug.key}"
                                        style="max-height: 161px; min-height: 161px; overflow: scroll;" >
                                        <li class="list-group-item list-group-item-inner" th:each="bugId : ${masterBug.value}" >
                                            <div th:id="'report-title-' + ${bugId}">
                                        <span  th:text="${bugId}">{{ report.print_id
                                            }}</span>
                                            </div>
                                            <div style="margin-top: 5px" th:text="${bugMap.get(bugId).description}">
                                                {{ report.description }}
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </th:block>
                    </div><!-- /.box-body -->
                </div>
            </section>
        </div>

        <div class="tab-pane fade" id="treeReport">
            <section class="content container-fluid">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">树状视图 <span class="badge badge-info" th:text="${treeNum}"></span></h3>

                    </div><!-- /.box-header -->

                    <div class="box-body agg-report-list">

                        <th:block th:each="masterBug : ${tree2BugIdsMap}">
                            <div class="col-md-4">
                                <div class="box box-solid box-default">

                                    <div class="box-header" id="agg-title-{{aggReport.dup_tag}}">
                                        <div style="overflow: auto;">
                                            <a th:href="@{'/history/report?treeId=' + ${masterBug.key} + '&amp;examId=' + ${examId} + '&amp;caseId=' + ${caseId}}"
                                               class="pull-left agg-title" th:text="|ML-TR-${masterBug.key.substring(10)}|" ></a>
                                            <a th:href="'#dup-list-'+${masterBug.key}"
                                               class="glyphicon glyphicon-menu-hamburger pull-right agg-title"
                                               data-toggle="collapse"></a>
                                            <span class="pull-right" style="margin-right: 5px;">

                                        <label class="badge badge-success" th:if="${bugMap.get(masterBug.key).status == 1}">已审核</label>
                                                <label class="badge badge-warning" th:if="${bugMap.get(masterBug.key).status == 0}">未审核</label>
<!--                                        <label class="badge badge-little-green" th:if="${bugMap.get(masterBug.key).status == 0}">未审核</label>-->
                                    </span>
                                            <br/>
                                        </div>
                                        <div style="margin-top: 5px;">
                                            <span class="agg-title">拥有报告数<span class="badge badge-default agg-badge" th:text="${masterBug.value.size()}">10</span></span>

                                        </div>
                                    </div>
                                    <div class="sup-title" style="padding: 15px 15px; min-height: 181px;overflow: scroll; max-height: 181px;"
                                    >
                                        <span th:text="${bugMap.get(masterBug.key).description}"></span><br/>
                                        <img class="my-img-thumbnail pointer to-add" th:src="${imgUrl}"
                                             th:each="imgUrl,iterStat : ${bugMap.get(masterBug.key).getImgUrls()}"
                                             th:onclick="'javascript:showimage(\''+${imgUrl}+'\');'"/>
                                    </div>
                                    <ul class="list-group collapse" th:id="'dup-list-' + ${masterBug.key}"
                                        style="max-height: 161px; min-height: 161px; overflow: scroll;" >
                                        <li class="list-group-item list-group-item-inner" th:each="bugId : ${masterBug.value}" >
                                            <div th:id="'report-title-' + ${bugId}">
                                        <span  th:text="${bugId}">{{ report.print_id
                                            }}</span>
                                            </div>
                                            <div style="margin-top: 5px" th:text="${bugMap.get(bugId).description}">
                                                {{ report.description }}
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </th:block>


                    </div><!-- /.box-body -->
                </div>
            </section>
        </div>

    </div>


</th:block>
</body>
</html>
<div class="modal fade bs-example-modal-lg text-center" id="imgModal" tabindex="-1" role="dialog"
     aria-labelledby="myLargeModalLabel">

    <div class="modal-dialog modal-lg" style="display: inline-block; max-width: 900px; max-height: 600px">
        <div class="modal-content" style="background:  transparent">
            <center>
                <img id="imgInModalID"
                     class="carousel-inner img-responsive "
                     onclick="closeImageViewer()"
                     onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
                     onmouseout="this.style.cursor='default'"
                     style="max-height: 90vh;
                     max-width: 90vw;
                     object-fit: contain;"
                />
            </center>
        </div>
    </div>
</div>

<!-- section howModal -->
<div id="howModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="background-color: #3c8dbc;">
                <span style="color: #fff;" class="pull-left"><b>How does system aggregate report <span id="reportId"></span> to <span id="aggReportId"></span>?</b></span>
                <button class="close pull-right" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <img src="" class="img-responsive" />
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    //显示大图
    function showimage(source) {
        $("#imgModal").find("#imgInModalID").attr("src", source);
        $("#imgModal").modal();
    }

    //关闭
    function closeImageViewer() {
        $("#imgModal").modal('hide');
    }
</script>
<script src="/static/AdminLTE/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/static/AdminLTE/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<script src="/static/js/all_reports.js"></script>

<!--<script src="/static/js/app_info.js"></script>-->