Forráskód Böngészése

修改jobDetail页面布局

insomniaLee 5 éve
szülő
commit
5b6502d46e

+ 13 - 13
src/main/java/com/mooctest/controller/JobController.java

@@ -74,20 +74,11 @@ public class JobController {
     @GetMapping(value = "/jobs")
     public String jobs (Model model){
         JSONArray jsonArray = jobService.getJobs(); // 所有的数据
-        List<JSONObject> list = new ArrayList<>();
+        List<Object> list = new ArrayList<>();
         for (Object single : jsonArray){
-            JSONObject temp = (JSONObject) single;
-            temp.put("create_time",new Timestamp(Long.parseLong(temp.get("create_time").toString()))); // 修改创建时间的格式  以便前段展示
-            list.add(temp);
+            changeTime2Long(single); // 修改创建时间的格式  以便前段展示
+            list.add(single);
         }
-//        Collections.sort(jsonArray, new Comparator<Object>() {
-//            @Override
-//            public int compare(Object o1, Object o2) {
-//                JSONObject jso1 = (JSONObject) o1;
-//                JSONObject jso2 = (JSONObject) o2;
-//                return ((Timestamp)jso1.get("create_time")).compareTo((Timestamp)jso2.get("create_time"));
-//            }
-//        });
         model.addAttribute("tasks",list);
         model.addAttribute("reportHost",reportHost);
         return "jobList";
@@ -96,7 +87,11 @@ public class JobController {
     @GetMapping(value = "jobDetail")
     public String detail ( Model model , @RequestParam("id") String id){
         JSONObject res  = jobService.getSinglePaper(id); // 获取job的详细信息
+        changeTime2Long(res);
+        JSONObject paper = paperService.getSinglePaper((String)res.get("paper_id"));
+        model.addAttribute("paper",paper);
         model.addAttribute("data",res);
+        // TODO: 2019/12/24 在jobdetail页面添跳转到   xjw 统计页面的按钮。
         return "jobDetail";
     }
 
@@ -146,10 +141,15 @@ public class JobController {
     private boolean isEdu(JSONObject job ){
         // is the job form edu
         try {
-return true;
+            return true;
         }catch (Exception x){
             return false;
         }
     }
 
+    private void changeTime2Long ( Object input){
+        JSONObject temp = (JSONObject) input;
+        temp.put("create_time",new Timestamp(Long.parseLong(temp.get("create_time").toString()))); // 修改创建时间的格式  以便前段展示
+    }
+
 }

+ 18 - 16
src/main/resources/templates/jobDetail.html

@@ -66,6 +66,7 @@
         .show-report-left{
             color: #2875b7;
         }
+
     </style>
 </head>
 <body>
@@ -172,21 +173,22 @@
                             <div class="form-group">
                                 <label class="col-sm-2 control-label">名称</label>
                                 <div class="col-sm-10">
-                                    <div   th:text="${data.get('name')}" class="form-control"/>
+                                    <div   th:text="${data.get('name')}" class="control-label" style="text-align: left"/>
                                 </div>
                             </div>
                             <!-- textarea -->
                             <div class="form-group">
                                 <label class="col-sm-2 control-label">描述</label>
                                 <div class="col-sm-10">
-                                    <div  th:text="${data.get('description')}"   ></div>
+                                    <div th:if="${!data.get('description').toString().equals('')}" class="control-label" style="text-align: left" th:text="${data.get('description')}"   ></div>
+                                    <div th:if="${data.get('description').toString().equals('')}"  class="control-label" style="text-align: left"   > 没有具体描述 </div>
                                 </div>
                             </div>
                             <!-- textarea -->
                             <div class="form-group">
                                 <label class="col-sm-2 control-label">使用试卷</label>
                                 <div class="col-sm-10">
-                                    <div  th:text="${data.get('description')}"   ></div>
+                                    <a type="button" class="control-label" style="text-align: left"  th:onclick="'showPaperDetail(\''+${paper.get('paperId')}+'\')'"  id="paperId" th:text="${paper.get('name')}" ></a>
                                 </div>
                             </div>
 
@@ -194,10 +196,7 @@
                             <div class="form-group">
                                 <label class="col-sm-2 control-label" >创建时间</label>
                                 <div class=" col-sm-10">
-                                    <!--                                <div class="input-group-addon">-->
-                                    <!--                                    <i class="fa fa-clock-o"></i>-->
-                                    <!--                                </div>-->
-                                    <div disabled="disabled" id="createTime" type="text" th:text="${data.get('create_time')}" class="form-control pull-right" />
+                                    <div disabled="disabled" id="createTime" type="text" th:text="${#dates.format(data.get('create_time'),'yyyy-MM-dd HH:mm:ss')} "   class="form-control pull-right" />
                                 </div>
                                 <!-- /.input group -->
                             </div>
@@ -212,12 +211,12 @@
                                 <!-- /.input group -->
                             </div>
                             <!-- select -->
-                            <div class="form-group">
-                                <label class="col-sm-2 control-label" >测试类型</label>
-                                <div class=" col-sm-10">
-                                    <span>企业版</span>
-                                </div>
-                            </div>
+<!--                            <div class="form-group">-->
+<!--                                <label class="col-sm-2 control-label" >测试类型</label>-->
+<!--                                <div class=" col-sm-10">-->
+<!--                                    <div class="control-label" style="text-align: left" >企业版</div>-->
+<!--                                </div>-->
+<!--                            </div>-->
 
 
                             <div id="resultStat" >
@@ -291,9 +290,6 @@
                                 </div>
                             </div>
 
-                            <!-- textarea -->
-<!--                            查看结果列表-->
-                            <!-- textarea -->
 
                         </form>
                     </div>
@@ -511,6 +507,12 @@
         });
     }
 
+    //  跳转到具体的paperdetail 界面。
+    showPaperDetail = function (paperId) {
+        window.open("/paperDetail?id="+paperId);
+    }
+
+
     getCleanStr = function (str) {
         var obj = eval('(' + str + ')');
         var formattedStr = JSON.stringify(obj, null, 2);

+ 1 - 0
src/main/resources/templates/jobList.html

@@ -125,6 +125,7 @@
                             <a type="button" class="btn btn-default" th:href="'/changeJob?id='+${task.get('id')}">修改</a>
                             <button  th:onclick="'delJob( this, \''+${task.get('id')}+'\' )'"  class="btn btn-default">删除</button>
                         </td>
+
                         <!--<td th:text="${task.version}"></td>-->
                         <!--                        <td th:if="${task.numOfUndeal > 0}"><span  class="label label-info">审核中</span></td>-->
                         <!--                        <td th:if="${task.numOfUndeal == 0}"><span  class="label label-success">审核结束</span></td>-->