Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
sooka_maintenance
/
sz_lishu_siping
Vērot 2
Pievienot zvaigznīti 0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

修改详细列表页展示慢问题，经查找为图片表数据较大查询数据较慢经协同采用ajax异步访问

tchao 3 gadi atpakaļ
vecāks
ed3623b3c4
revīzija
8bde93d1bb
5 mainītis faili ar 65488 papildinājumiem un 180 dzēšanām
Apvienotais skats Rādīt salīdzināšanas statistiku
  1. 25 2
      mybusiness/src/main/java/com/business/slfh/visualization/event/controller/Visualization_Event_Controller.java
  2. 1343 0
      mybusiness/src/main/resources/static/visualization/images/video-js.css
  3. 57494 0
      mybusiness/src/main/resources/static/visualization/js/video.js
  4. 6410 0
      mybusiness/src/main/resources/static/visualization/js/videojs-contrib-hls.min.js
  5. 216 178
      mybusiness/src/main/resources/templates/business/visualization/details.html

+ 25 - 2
mybusiness/src/main/java/com/business/slfh/visualization/event/controller/Visualization_Event_Controller.java
Parādīt failu 

@@ -155,7 +155,7 @@ public class Visualization_Event_Controller extends AppBaseController {
 
         visualization_event_service.updateEventSign(eventId,reservePlanType);
 
         visualization_event_service.updateEventSign(eventId,reservePlanType);
 
         Visualization_Event visualization_event = visualization_event_service.Visualization_getOne(eventId, reservePlanType);
 
         Visualization_Event visualization_event = visualization_event_service.Visualization_getOne(eventId, reservePlanType);
 
         List<Visualization_EventProcess> visualization_eventProcess = visualization_event_service.Visualization_Get_EventProcess(eventId);
 
         List<Visualization_EventProcess> visualization_eventProcess = visualization_event_service.Visualization_Get_EventProcess(eventId);
 
-        List<Visualization_Attach> imageList = visualization_event_service.Visualization_Get_Imagelist(eventId);
 
+  //      List<Visualization_Attach> imageList = visualization_event_service.Visualization_Get_Imagelist(eventId);
 
         //根据事件等级查询应急预案
 
         //根据事件等级查询应急预案
 
         Visualization_Plan visualization_plan = visualization_event_service.getVisualizationPlanByLevel(visualization_event.getEVENT_LEVEL());
 
         Visualization_Plan visualization_plan = visualization_event_service.getVisualizationPlanByLevel(visualization_event.getEVENT_LEVEL());
 
         //查询所有摄像头
 
         //查询所有摄像头
 
@@ -199,13 +199,36 @@ public class Visualization_Event_Controller extends AppBaseController {
 
         map.put("visualization_event", visualization_event);//事件详情
 
         map.put("visualization_event", visualization_event);//事件详情
 
         map.put("visualization_eventProcess", visualization_eventProcess);//处理流程
 
         map.put("visualization_eventProcess", visualization_eventProcess);//处理流程
 
         map.put("visualization_plan", visualization_plan);//应急预案
 
         map.put("visualization_plan", visualization_plan);//应急预案
 
-        map.put("imageList", imageList);//图片后缀
 
+        //map.put("imageList", imageList);//图片后缀
 
         map.put("proFile", iSysConfigService.selectConfigByKey("http_basepath"));//图片前缀
 
         map.put("proFile", iSysConfigService.selectConfigByKey("http_basepath"));//图片前缀
 
         map.put("videoUrl",videoUrl);
 
         map.put("videoUrl",videoUrl);
 
         map.put("cameraList",cameraList);
 
         map.put("cameraList",cameraList);
 
         return prefix + "/details";
 
         return prefix + "/details";
 
     }
 
     }
 
 
 
+    /*
 
+    查找图片List
 
+     */
 
+    @RequestMapping("/getVisualizationPfilx")
 
+    @ResponseBody
 
+    public Map getVisualizationPfilx(Visualization_Attach visualization_attach) {
 
+        String eventId = visualization_attach.getBUS_ID();
 
+        Map map = new HashMap();
 
+        if(StringUtils.isNotEmpty(eventId)){
 
+            List<Visualization_Attach> imageList = visualization_event_service.Visualization_Get_Imagelist(eventId);
 
+            if(imageList.size()>0){
 
+                map.put("imageList", imageList);//图片后缀
 
+                map.put("status","1");
 
+            }else{
 
+                map.put("status","0");
 
+            }
 
+        }else{
 
+            map.put("status","0");
 
+        }
 
+        return map;
 
+    }
 
+
 
+
 
     /**
 
     /**
 
      * 瞭望塔
 
      * 瞭望塔
 
      * */
 
      * */

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 1343 - 0
mybusiness/src/main/resources/static/visualization/images/video-js.css


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 57494 - 0
mybusiness/src/main/resources/static/visualization/js/video.js


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 6410 - 0
mybusiness/src/main/resources/static/visualization/js/videojs-contrib-hls.min.js


+ 216 - 178
mybusiness/src/main/resources/templates/business/visualization/details.html
Parādīt failu 

@@ -18,178 +18,170 @@
 
     <link rel="stylesheet" th:href="@{/ajax/libs/layer/theme/default/layer.css?v=3.1.1}" id="layuicss-layer">
 
     <link rel="stylesheet" th:href="@{/ajax/libs/layer/theme/default/layer.css?v=3.1.1}" id="layuicss-layer">
 
     <link rel="stylesheet" th:href="@{/ajax/libs/layer/theme/moon/style.css}" id="layuicss-thememoonstylecss">
 
     <link rel="stylesheet" th:href="@{/ajax/libs/layer/theme/moon/style.css}" id="layuicss-thememoonstylecss">
 
     <!-- video-->
 
     <!-- video-->
 
-    <link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet">
 
-</head>
 
+    <link rel="stylesheet" th:href="@{/visualization/images/video-js.css}">
 
+    <!-- <link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet">-->
 
+ </head>
 
 
 
-<body  style=" background: #040522; ">
 
-<div class="layui-row">
 
-    <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
 
-        <div class="grid-demo grid-demo-bg1 border scroll-y">
 
-            <table border="0" class="jq_table" style="width: 100%">
 
-                <thead>
 
-                <th align="left" style="cursor: pointer" colspan="3" >警情信息</th>
 
-                </thead>
 
-                <tr>
 
-                    <td width="20%">警情名称：</td>
 
-                    <td>[[${visualization_event.NAME}]]</td>
 
-                </tr>
 
-                <tr>
 
-                    <td width="20%">警情区域：</td>
 
-                    <td>
 
-                        [[${visualization_event.LONGITUDE}]],[[${visualization_event.LATITUDE}]]
 
-                    </td>
 
-                </tr>
 
-                <tr th:if="${visualization_event.RESERVEPLAN_TYPE} eq 'reserveplan_type_6'">
 
-                    <td width="20%">事发区域：</td>
 
-                    <td>
 
-                        <i th:if="${visualization_event.REPORT_AREA} eq 'report_area_1'">限烧区</i>
 
-                        <i th:if="${visualization_event.REPORT_AREA} eq 'report_area_2'">禁烧区</i>
 
-                        <i th:if="${visualization_event.REPORT_AREA} eq 'report_area_3'">其他</i>
 
-                    </td>
 
-                </tr>
 
-                <tr>
 
-                    <td width="20%">上报时间：</td>
 
-                    <td>[[${visualization_event.REPORT_TIME}]]</td>
 
-                </tr>
 
-                <tr>
 
-                    <td width="20%">上报人员：</td>
 
-                    <td>
 
-                        [[${visualization_event.REPORTOR}]]
 
-                    </td>
 
-                </tr>
 
-                <tr>
 
-                    <td width="20%">事件状态：</td>
 
-                    <td>
 
-                        <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_1'">新上报</i>
 
-                        <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_2'">已确认</i>
 
-                        <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_3'">处理中</i>
 
-                        <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_4'">已办结</i>
 
-                        <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_5'">已归档</i>
 
-                        <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_6'">无异常</i>
 
-                    </td>
 
-                </tr>
 
-                <tr>
 
-                    <td width="20%">事件等级：</td>
 
-                    <td>
 
-                        <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_1'">一级</i>
 
-                        <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_2'">二级</i>
 
-                        <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_3'">三级</i>
 
-                        <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_4'">四级</i>
 
-                        <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_5'">五级</i>
 
-                    </td>
 
-                </tr>
 
-                <tr>
 
-                    <td width="20%" >警情信息：</td>
 
-                    <td>
 
-                        [[${visualization_event.REPORT_CONTENT}]]
 
-                    </td>
 
-                </tr>
 
-                <tr >
 
-                    <td rowspan="2" width="20%" valign="top">备注信息：</td>
 
-                    <td>[[${visualization_event.REMARK}]]</td>
 
-                </tr>
 
-            </table>
 
-            <a shiro:hasPermission="system:fire:no" th:if="${visualization_event.EVENT_STATUS} eq 'event_status_1'"
 
-               class="btn_wyc" th:onclick="drivingEvents([[${visualization_event.ID}]],[[${visualization_event.RESERVEPLAN_TYPE}]],'nomarl')" >无异常</a>
 
-            <a shiro:hasPermission="system:fire:confirm" th:if="${visualization_event.EVENT_STATUS} eq 'event_status_1'"
 
-               class="btn_qr" th:onclick="drivingEvents([[${visualization_event.ID}]],[[${visualization_event.RESERVEPLAN_TYPE}]],'confirm')">事件确认</a>
 
-            <a shiro:hasPermission="system:fire:finish" th:if="${visualization_event.EVENT_STATUS} eq 'event_status_2'"
 
-               class="btn_qr" th:onclick="finishEvents([[${visualization_event.ID}]],[[${visualization_event.RESERVEPLAN_TYPE}]],[[${visualization_event.EVENT_STATUS}]])">申请办结</a>
 
-            <a shiro:hasPermission="system:fire:archive" th:if="${visualization_event.EVENT_STATUS} eq 'event_status_4'"
 
-               class="btn_qr" th:onclick="finishEvents([[${visualization_event.ID}]],[[${visualization_event.RESERVEPLAN_TYPE}]],[[${visualization_event.EVENT_STATUS}]])">归档</a>
 
-            <a class="btn_yjya" th:onclick="playVideo([[${visualization_event.CAMERA_ID}]],[[${visualization_event.REPORT_TIME}]])">事件回放</a>
 
-            <div class="modal inmodal in" id="myModal4" tabindex="-1" role="dialog" aria-hidden="true"
 
-                 style="display: none;margin-top: 100px;">
 
-                <div class="modal-dialog">
 
-                    <div class="modal-content animated fadeIn">
 
-                        <div class="modal-header">
 
-                            <button type="button" class="close" data-dismiss="modal"><span
 
-                                    aria-hidden="true">×</span><span class="sr-only">Close</span>
 
-                            </button>
 
-                            <h4 class="modal-title">[[${visualization_plan.TITLE}]]</h4>
 
-                        </div>
 
-                        <small>
 
-                            <div class="modal-body">
 
-                                <img style="width:100%;" th:src="@{/visualization/images/plan1.png}" />
 
-                                <img style="width:100%;" th:src="@{/visualization/images/plan2.png}" />
 
-                                <img style="width:100%;" th:src="@{/visualization/images/plan3.png}" />
 
-                                <img style="width:100%;" th:src="@{/visualization/images/plan4.png}" />
 
-                                <img style="width:100%;" th:src="@{/visualization/images/plan5.png}" />
 
-                            </div>
 
-                        </small>
 
-                    </div>
 
-                    <small>
 
-                    </small>
 
-                </div>
 
-                <small>
 
-                </small>
 
-            </div>
 
-        </div>
 
-    </div>
 
-    <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
 
-        <div class="grid-demo grid-demo-bg1 border">
 
-        <table border="0" class="jq_table" style="width: 100%">
 
-            <thead>
 
-            <th align="left" colspan="2">附近探头</th>
 
-            </thead>
 
-        </table>
 
-        <a shiro:hasPermission="business:xf:zy"
 
-           class="btn_yjya" th:onclick="ziyuan([[${visualization_event.LONGITUDE}]],[[${visualization_event.LATITUDE}]])" >其他资源</a>
 
+ <body  style=" background: #040522; ">
 
+ <div class="layui-row">
 
+     <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
 
+         <div class="grid-demo grid-demo-bg1 border scroll-y">
 
+             <table border="0" class="jq_table" style="width: 100%">
 
+                 <thead>
 
+                 <th align="left" style="cursor: pointer" colspan="3" >警情信息</th>
 
+                 </thead>
 
+                 <tr>
 
+                     <td width="20%">警情名称：</td>
 
+                     <td>[[${visualization_event.NAME}]]</td>
 
+                 </tr>
 
+                 <tr>
 
+                     <td width="20%">警情区域：</td>
 
+                     <td>
 
+                         [[${visualization_event.LONGITUDE}]],[[${visualization_event.LATITUDE}]]
 
+                     </td>
 
+                 </tr>
 
+                 <tr th:if="${visualization_event.RESERVEPLAN_TYPE} eq 'reserveplan_type_6'">
 
+                     <td width="20%">事发区域：</td>
 
+                     <td>
 
+                         <i th:if="${visualization_event.REPORT_AREA} eq 'report_area_1'">限烧区</i>
 
+                         <i th:if="${visualization_event.REPORT_AREA} eq 'report_area_2'">禁烧区</i>
 
+                         <i th:if="${visualization_event.REPORT_AREA} eq 'report_area_3'">其他</i>
 
+                     </td>
 
+                 </tr>
 
+                 <tr>
 
+                     <td width="20%">上报时间：</td>
 
+                     <td>[[${visualization_event.REPORT_TIME}]]</td>
 
+                 </tr>
 
+                 <tr>
 
+                     <td width="20%">上报人员：</td>
 
+                     <td>
 
+                         [[${visualization_event.REPORTOR}]]
 
+                     </td>
 
+                 </tr>
 
+                 <tr>
 
+                     <td width="20%">事件状态：</td>
 
+                     <td>
 
+                         <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_1'">新上报</i>
 
+                         <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_2'">已确认</i>
 
+                         <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_3'">处理中</i>
 
+                         <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_4'">已办结</i>
 
+                         <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_5'">已归档</i>
 
+                         <i th:if="${visualization_event.EVENT_STATUS} eq 'event_status_6'">无异常</i>
 
+                     </td>
 
+                 </tr>
 
+                 <tr>
 
+                     <td width="20%">事件等级：</td>
 
+                     <td>
 
+                         <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_1'">一级</i>
 
+                         <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_2'">二级</i>
 
+                         <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_3'">三级</i>
 
+                         <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_4'">四级</i>
 
+                         <i th:if="${visualization_event.EVENT_LEVEL} eq 'reserveplan_firelevel_5'">五级</i>
 
+                     </td>
 
+                 </tr>
 
+                 <tr>
 
+                     <td width="20%" >警情信息：</td>
 
+                     <td>
 
+                         [[${visualization_event.REPORT_CONTENT}]]
 
+                     </td>
 
+                 </tr>
 
+                 <tr >
 
+                     <td rowspan="2" width="20%" valign="top">备注信息：</td>
 
+                     <td>[[${visualization_event.REMARK}]]</td>
 
+                 </tr>
 
+             </table>
 
+             <a shiro:hasPermission="system:fire:no" th:if="${visualization_event.EVENT_STATUS} eq 'event_status_1'"
 
+                class="btn_wyc" th:onclick="drivingEvents([[${visualization_event.ID}]],[[${visualization_event.RESERVEPLAN_TYPE}]],'nomarl')" >无异常</a>
 
+             <a shiro:hasPermission="system:fire:confirm" th:if="${visualization_event.EVENT_STATUS} eq 'event_status_1'"
 
+                class="btn_qr" th:onclick="drivingEvents([[${visualization_event.ID}]],[[${visualization_event.RESERVEPLAN_TYPE}]],'confirm')">事件确认</a>
 
+             <a shiro:hasPermission="system:fire:finish" th:if="${visualization_event.EVENT_STATUS} eq 'event_status_2'"
 
+                class="btn_qr" th:onclick="finishEvents([[${visualization_event.ID}]],[[${visualization_event.RESERVEPLAN_TYPE}]],[[${visualization_event.EVENT_STATUS}]])">申请办结</a>
 
+             <a shiro:hasPermission="system:fire:archive" th:if="${visualization_event.EVENT_STATUS} eq 'event_status_4'"
 
+                class="btn_qr" th:onclick="finishEvents([[${visualization_event.ID}]],[[${visualization_event.RESERVEPLAN_TYPE}]],[[${visualization_event.EVENT_STATUS}]])">归档</a>
 
+             <a class="btn_yjya" th:onclick="playVideo([[${visualization_event.CAMERA_ID}]],[[${visualization_event.REPORT_TIME}]])">事件回放</a>
 
+             <div class="modal inmodal in" id="myModal4" tabindex="-1" role="dialog" aria-hidden="true"
 
+                  style="display: none;margin-top: 100px;">
 
+                 <div class="modal-dialog">
 
+                     <div class="modal-content animated fadeIn">
 
+                         <div class="modal-header">
 
+                             <button type="button" class="close" data-dismiss="modal"><span
 
+                                     aria-hidden="true">×</span><span class="sr-only">Close</span>
 
+                             </button>
 
+                             <h4 class="modal-title">[[${visualization_plan.TITLE}]]</h4>
 
+                         </div>
 
+                         <small>
 
+                             <div class="modal-body">
 
+                                 <img style="width:100%;" th:src="@{/visualization/images/plan1.png}" />
 
+                                 <img style="width:100%;" th:src="@{/visualization/images/plan2.png}" />
 
+                                 <img style="width:100%;" th:src="@{/visualization/images/plan3.png}" />
 
+                                 <img style="width:100%;" th:src="@{/visualization/images/plan4.png}" />
 
+                                 <img style="width:100%;" th:src="@{/visualization/images/plan5.png}" />
 
+                             </div>
 
+                         </small>
 
+                     </div>
 
+                     <small>
 
+                     </small>
 
+                 </div>
 
+                 <small>
 
+                 </small>
 
+             </div>
 
+         </div>
 
+     </div>
 
+     <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
 
+         <div class="grid-demo grid-demo-bg1 border">
 
+         <table border="0" class="jq_table" style="width: 100%">
 
+             <thead>
 
+             <th align="left" colspan="2">附近探头</th>
 
+             </thead>
 
+         </table>
 
+         <a shiro:hasPermission="business:xf:zy"
 
+            class="btn_yjya" th:onclick="ziyuan([[${visualization_event.LONGITUDE}]],[[${visualization_event.LATITUDE}]])" >其他资源</a>
 
 
 
-        <ul class="zhly_list2" id="list_sxt" style="height: 280px;white-space: nowrap;">
 
-            <li th:each="cl : ${cameraList}" th:onclick="goCamera([[${cl.ID}]])">
 
-                <a>[[${cl.NAME}]]<i>距离 [[${cl.REMARK}]] km</i></a>
 
-            </li>
 
-        </ul>
 
-    </div>
 
-    </div>
 
-    <div class="layui-col-xs4 layui-col-sm12 layui-col-md4">
 
-        <div class="grid-demo grid-demo-bg1 border">
 
-            <h2 class="cllc_h2">处理流程</h2>
 
-            <div class="content">
 
-                <div class="streamline">
 
-                    <div class="sl-item sl-primary" th:each="vep : ${visualization_eventProcess}">
 
-                        <div class="sl-content"> <small class="text-muted">[[${vep.PROCESS_TIME}]]</small>
 
-                            <p>[[${vep.PROCESS_DESCRIPTION}]]</p>
 
-                            <div class="slt_img clearfix">
 
-                                <a th:each="imagelist : ${vep.IMAGELIST}" th:if="${imagelist.RES_URL} ne '' and ${imagelist.RES_URL} ne null" th:href="@{${proFile}+${imagelist.RES_URL}}"  th:target="_blank">
 
-                                    <img th:src="@{${proFile}+${imagelist.RES_URL}}"/>
 
-                                </a>
 
-                            </div>
 
-                        </div>
 
-                    </div>
 
-                </div>
 
-            </div>
 
-        </div>
 
-    </div>
 
-</div>
 
-<div class="layui-row">
 
-    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
 
-        <div class="hq_bg">
 
-            <div class="hq_img mr_frbox ">
 
-                <img class="mr_frBtnL prev" th:src="@{/visualization/images/zhly_80.png}" width="43" height="43" />
 
-                <div class=" mr_frUl">
 
-                    <ul>
 
-                        <li th:each="imageList : ${imageList}">
 
-                            <a th:href="@{${proFile}+${imageList.RES_URL}}" th:target="_blank">
 
-                                <img style="height: 300px;width: 300px;" th:src="@{${proFile}+${imageList.RES_URL}}"/>
 
-                            </a>
 
-                            <p>[[${imageList.RES_DISCRIPTION}]]</p>
 
-                        </li>
 
-                    </ul>
 
-                </div>
 
-                <img class="mr_frBtnR next"  th:src="@{/visualization/images/zhly_81.png}" width="43" height="43" />
 
-                <div style="clear: both;"></div>
 
-            </div>
 
-        </div>
 
-    </div>
 
-</div>
 
-</body>
 
+         <ul class="zhly_list2" id="list_sxt" style="height: 280px;white-space: nowrap;">
 
+             <li th:each="cl : ${cameraList}" th:onclick="goCamera([[${cl.ID}]])">
 
+                 <a>[[${cl.NAME}]]<i>距离 [[${cl.REMARK}]] km</i></a>
 
+             </li>
 
+         </ul>
 
+     </div>
 
+     </div>
 
+     <div class="layui-col-xs4 layui-col-sm12 layui-col-md4">
 
+         <div class="grid-demo grid-demo-bg1 border">
 
+             <h2 class="cllc_h2">处理流程</h2>
 
+             <div class="content">
 
+                 <div class="streamline">
 
+                     <div class="sl-item sl-primary" th:each="vep : ${visualization_eventProcess}">
 
+                         <div class="sl-content"> <small class="text-muted">[[${vep.PROCESS_TIME}]]</small>
 
+                             <p>[[${vep.PROCESS_DESCRIPTION}]]</p>
 
+                             <div class="slt_img clearfix" id="areimg">
 
+                             </div>
 
+                         </div>
 
+                     </div>
 
+                 </div>
 
+             </div>
 
+         </div>
 
+     </div>
 
+ </div>
 
+ <div class="layui-row">
 
+     <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
 
+         <div class="hq_bg">
 
+             <div class="hq_img mr_frbox ">
 
+                 <img class="mr_frBtnL prev" th:src="@{/visualization/images/zhly_80.png}" width="43" height="43" />
 
+                 <div class=" mr_frUl">
 
+                     <ul id="bareimg">
 
+                     </ul>
 
+                 </div>
 
+                 <img class="mr_frBtnR next"  th:src="@{/visualization/images/zhly_81.png}" width="43" height="43" />
 
+                 <div style="clear: both;"></div>
 
+             </div>
 
+         </div>
 
+     </div>
 
+ </div>
 
+ </body>
 
 
 
-<script type="text/javascript" th:src="@{/visualization/js/jquery-1.11.0.min.js}"></script>
 
-<script type="text/javascript"  th:src="@{/visualization/js/ss.js}"></script>
 
+ <script type="text/javascript" th:src="@{/visualization/js/jquery-1.11.0.min.js}"></script>
 
+ <script type="text/javascript"  th:src="@{/visualization/js/ss.js}"></script>
 
 
 
-<!-- 全局js -->
 
+ <!-- 全局js -->
 
 <script th:src="@{/js/bootstrap.min.js}"></script>
 
 <script th:src="@{/js/bootstrap.min.js}"></script>
 
 <script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
 
 <script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
 
 <script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
 
 <script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
 
@@ -201,10 +193,12 @@
 
 <script th:src="@{/ruoyi/index.js}"></script>
 
 <script th:src="@{/ruoyi/index.js}"></script>
 
 <script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
 
 <script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
 
 <!--video-->
 
 <!--video-->
 
-<script src='https://vjs.zencdn.net/7.4.1/video.js'></script>
 
-<!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>-->
 
+<!--<script type="text/javascript" th:src="@{/visualization/js/video.js}"></script>
 
+<script type="text/javascript" th:src="@{/visualization/js/videojs-contrib-hls.min.js}"></script>-->
 
+<!--<script src='https://vjs.zencdn.net/7.4.1/video.js'></script>-->
 
+<!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"
 
-        type="text/javascript"></script>
 
+        type="text/javascript"></script>-->
 
 <script language="javascript">
 
 <script language="javascript">
 
     $(".mr_frUl ul li").hover(
 
     $(".mr_frUl ul li").hover(
 
         function(){$(this).css("border-color","#A0C0EB");
 
         function(){$(this).css("border-color","#A0C0EB");
 
@@ -217,15 +211,59 @@
 
             $(".tit_div").eq($(this).index()).show().siblings('.tit_div').hide();
 
             $(".tit_div").eq($(this).index()).show().siblings('.tit_div').hide();
 
         });
 
         });
 
         // videojs 简单使用
 
         // videojs 简单使用
 
-        var myVideo = videojs('myVideo', {
 
-            bigPlayButton : true,
 
-            textTrackDisplay : false,
 
-            posterImage : false,
 
-            errorDisplay : false
 
+        //var myVideo = videojs('myVideo', {
 
+        //     bigPlayButton : true,
 
+        //     textTrackDisplay : false,
 
+        //      posterImage : false,
 
+        //    errorDisplay : false
 
+        //   });
 
+        //document.getElementById("myVideo").controls=false;
 
+        //myVideo.play();
 
+
 
+    });
 
+    //用异步请求查找图片
 
+    $(function(){
 
+        var BUS_ID='[[${visualization_event.ID}]]';
 
+        var obj = new Object();
 
+        obj.BUS_ID=BUS_ID;
 
+        url="/visualization/event/getVisualizationPfilx";
 
+        $.ajax({
 
+            url:  url,
 
+            method: 'post',
 
+            data: obj,
 
+            dataType : "json",
 
+            success: function (data) {
 
+               if(data.status=="1"){
 
+                   var addot="";
 
+                   var baddot="";
 
+                   var arr1 = new Array();
 
+                   arr1=data.imageList;
 
+                   for(var i=0;i<arr1.length;i++){
 
+                       addot+='<a href="'+arr1[i].res_URL+'"  target="_blank">'
 
+                           +'<img src="@{${proFile}}+"'+arr1[i].res_URL+'"/> </a>';
 
+
 
+                   }
 
+                   $("#areimg").html(addot);
 
+                   for(var i=0;i<arr1.length;i++){
 
+                       baddot+='<li>' +
 
+                           '<a href="'+arr1[i].res_URL+'" target="_blank">' +
 
+                           '<img style="height: 300px;width: 300px;" src="@{${proFile}}+"'+arr1[i].res_URL+'"/>' +
 
+                           '</a>' +
 
+                           '<p onchange="yaz(arr1[i],this)"></p>' +
 
+                           '</li>';
 
+
 
+                   }
 
+                   $("#bareimg").html(baddot);
 
+               }
 
+            }
 
         });
 
         });
 
-        document.getElementById("myVideo").controls=false;
 
-        myVideo.play();
 
     });
 
     });
 
+    function yaz(arr1,org){
 
+        if(!isNull(arr1.res_DISCRIPTION)){
 
+            $(org).text(arr1.res_DISCRIPTION);
 
+        }
 
+
 
+    }
 
     jQuery(".mr_frbox").slide({
 
     jQuery(".mr_frbox").slide({
 
         titCell:"",
 
         titCell:"",
 
         mainCell:".mr_frUl ul",
 
         mainCell:".mr_frUl ul",