|
|
@@ -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/moon/style.css}" id="layuicss-thememoonstylecss">
|
|
|
<!-- 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/plugins/metisMenu/jquery.metisMenu.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="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
|
|
|
<!--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"
|
|
|
- type="text/javascript"></script>
|
|
|
+ type="text/javascript"></script>-->
|
|
|
<script language="javascript">
|
|
|
$(".mr_frUl ul li").hover(
|
|
|
function(){$(this).css("border-color","#A0C0EB");
|
|
|
@@ -217,15 +211,59 @@
|
|
|
$(".tit_div").eq($(this).index()).show().siblings('.tit_div').hide();
|
|
|
});
|
|
|
// 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({
|
|
|
titCell:"",
|
|
|
mainCell:".mr_frUl ul",
|
tchao