添加系统操作教程视频
王思懿
5 years ago
parent
c59254d4cb
commit
b6fb7e1aff
@ -0,0 +1,30 @@
|
||||
package com.manage.controller;
|
||||
|
||||
import com.manage.entity.Power_User;
|
||||
import org.springframework.stereotype.Controller;
|
||||
import org.springframework.ui.Model;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
|
||||
import javax.servlet.http.HttpServletRequest;
|
||||
|
||||
/**
|
||||
* @author 王思懿
|
||||
*/
|
||||
@Controller
|
||||
@RequestMapping("/video")
|
||||
public class VideoController {
|
||||
|
||||
@RequestMapping("/video")
|
||||
public String getVideoPage(HttpServletRequest request, Model model){
|
||||
Power_User user = (Power_User)request.getSession().getAttribute("CURRENT_USER");
|
||||
model.addAttribute("user",(Power_User)request.getSession().getAttribute("CURRENT_USER"));
|
||||
return "/videoDir/video";
|
||||
}
|
||||
|
||||
@RequestMapping("/videoShow")
|
||||
public String getVideoShowPage(HttpServletRequest request, Model model, String videoType){
|
||||
model.addAttribute("user",(Power_User)request.getSession().getAttribute("CURRENT_USER"));
|
||||
model.addAttribute("videoType", videoType);
|
||||
return "/videoDir/videoShow";
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,76 @@
|
||||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: 王思懿
|
||||
Date: 2020/6/11
|
||||
Time: 15:48
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<html>
|
||||
<head>
|
||||
<title>视频页面</title>
|
||||
<%@ include file="/WEB-INF/jspf/common.jspf" %>
|
||||
<style type="text/css">
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<input type="hidden" id="roleId" value="${user.roleId}">
|
||||
<body>
|
||||
<fieldset>
|
||||
<legend style="text-align: center;font-weight: bold;font-size: 25px">系统操作教程视频</legend>
|
||||
</fieldset>
|
||||
<%-- <div style="margin-left: 10px;">
|
||||
<h4>我们在系统内为你们准备了系统的操作使用教程视频，点击下方链接即可观看</h4>
|
||||
</div>--%>
|
||||
<div style="margin-left: 3%; width: 20%">
|
||||
<div id="onclick1" onclick="getVideoShowPage('1')" style="cursor:pointer">
|
||||
<span id="span" class="glyphicon glyphicon-play" aria-hidden="true"></span>点击查看登录视频
|
||||
</div>
|
||||
<%--医生护士在院浏览--%>
|
||||
<c:if test="${user.roleId == 0 || user.roleId == 16 || user.roleId == 19}">
|
||||
<div id="onclick2" onclick="getVideoShowPage('2')" style="cursor:pointer; margin-top: 2px;">
|
||||
<span class="glyphicon glyphicon-play" aria-hidden="true"></span>点击查看在院浏览视频
|
||||
</div>
|
||||
</c:if>
|
||||
<%--主管医生护士长在院浏览--%>
|
||||
<c:if test="${user.roleId == 0 || user.roleId == 24 || user.roleId == 23 || user.roleId == 29 || user.roleId == 26}">
|
||||
<div id="onclick3" onclick="getVideoShowPage('3')" style="cursor:pointer; margin-top: 2px;">
|
||||
<span class="glyphicon glyphicon-play" aria-hidden="true"></span>点击查看在院浏览视频
|
||||
</div>
|
||||
</c:if>
|
||||
<%--医生护士出院浏览--%>
|
||||
<c:if test="${user.roleId == 0 || user.roleId == 16 || user.roleId == 19}">
|
||||
<div id="onclick4" onclick="getVideoShowPage('4')" style="cursor:pointer; margin-top: 2px;">
|
||||
<span class="glyphicon glyphicon-play" aria-hidden="true"></span>点击查看出院浏览视频
|
||||
</div>
|
||||
</c:if>
|
||||
<%--主管医生出院浏览--%>
|
||||
<c:if test="${user.roleId == 0 || user.roleId == 24 || user.roleId == 26}">
|
||||
<div id="onclick5" onclick="getVideoShowPage('5')" style="cursor:pointer; margin-top: 2px;">
|
||||
<span class="glyphicon glyphicon-play" aria-hidden="true"></span>点击查看出院浏览视频
|
||||
</div>
|
||||
</c:if>
|
||||
<%--护士长出院浏览--%>
|
||||
<c:if test="${user.roleId == 0 || user.roleId == 23 || user.roleId == 29}">
|
||||
<div id="onclick6" onclick="getVideoShowPage('6')" style="cursor:pointer; margin-top: 2px;">
|
||||
<span class="glyphicon glyphicon-play" aria-hidden="true"></span>点击查看出院浏览视频
|
||||
</div>
|
||||
</c:if>
|
||||
<%--科主任审核--%>
|
||||
<c:if test="${user.roleId == 0 || user.roleId == 25 || user.roleId == 26}">
|
||||
<div id="onclick7" onclick="getVideoShowPage('7')" style="cursor:pointer; margin-top: 2px;">
|
||||
<span class="glyphicon glyphicon-play" aria-hidden="true"></span>点击查看科主任审核视频
|
||||
</div>
|
||||
</c:if>
|
||||
<%--<div onclick="getVideoShowPage('8')" style="cursor:pointer">
|
||||
点击查看高拍仪扫描上传文件视频
|
||||
</div>--%>
|
||||
</div>
|
||||
<div id="iframeVideoDiv" style="display: none">
|
||||
<iframe class="row-fluid" style="margin-left:40px;height:100%;width:85%;"
|
||||
id="iframe" name="iframe" scrolling="no" frameborder="0"></iframe>
|
||||
</div>
|
||||
</body>
|
||||
<script src="${path}/static/js/video.js"></script>
|
||||
<script src="${path}/static/js/getewayIndex.js"></script>
|
||||
</html>
|
||||
@ -0,0 +1,68 @@
|
||||
<%--
|
||||
Created by IntelliJ IDEA.
|
||||
User: 王思懿
|
||||
Date: 2020/6/11
|
||||
Time: 15:48
|
||||
To change this template use File | Settings | File Templates.
|
||||
--%>
|
||||
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
||||
<html>
|
||||
<head>
|
||||
<title>视频观看页面</title>
|
||||
<%@ include file="/WEB-INF/jspf/common.jspf" %>
|
||||
<link rel="stylesheet" href="${path }/static/css/video-js.min.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div style="margin-top: 2%">
|
||||
<c:if test="${videoType == 1}">
|
||||
<video id="video1" class="video-js vjs-big-play-centered" controls data-setup="{}" width="1200px" height="680px"
|
||||
controls="true">
|
||||
<source id="source1" src="${path}/static/video/1.mp4">
|
||||
</video>
|
||||
</c:if>
|
||||
<c:if test="${videoType == 2}">
|
||||
<video id="video2" class="video-js vjs-big-play-centered" controls data-setup="{}" width="1200px" height="680px"
|
||||
controls="true">
|
||||
<source id="source2" src="${path}/static/video/2.mp4">
|
||||
</video>
|
||||
</c:if>
|
||||
<c:if test="${videoType == 3}">
|
||||
<video id="video3" class="video-js vjs-big-play-centered" controls data-setup="{}" width="1200px" height="680px"
|
||||
controls="true">
|
||||
<source id="source3" src="${path}/static/video/3.mp4">
|
||||
</video>
|
||||
</c:if>
|
||||
<c:if test="${videoType == 4}">
|
||||
<video id="video4" class="video-js vjs-big-play-centered" controls data-setup="{}" width="1200px" height="680px"
|
||||
controls="true">
|
||||
<source id="source4" src="${path}/static/video/4.mp4">
|
||||
</video>
|
||||
</c:if>
|
||||
<c:if test="${videoType == 5}">
|
||||
<video id="video5" class="video-js vjs-big-play-centered" controls data-setup="{}" width="1200px" height="680px"
|
||||
controls="true">
|
||||
<source id="source5" src="${path}/static/video/5.mp4">
|
||||
</video>
|
||||
</c:if>
|
||||
<c:if test="${videoType == 6}">
|
||||
<video id="video6" class="video-js vjs-big-play-centered" controls data-setup="{}" width="1200px" height="680px"
|
||||
controls="true">
|
||||
<source id="source6" src="${path}/static/video/6.mp4">
|
||||
</video>
|
||||
</c:if>
|
||||
<c:if test="${videoType == 7}">
|
||||
<video id="video7" class="video-js vjs-big-play-centered" controls data-setup="{}" width="1200px" height="680px"
|
||||
controls="false">
|
||||
<source id="source7" src="${path}/static/video/7.mp4">
|
||||
</video>
|
||||
</c:if>
|
||||
<c:if test="${videoType == 8}">
|
||||
<video id="video8" class="video-js vjs-big-play-centered" controls data-setup="{}" width="1200px" height="680px"
|
||||
controls="false">
|
||||
<source id="source8" src="${path}/static/video/8.mp4">
|
||||
</video>
|
||||
</c:if>
|
||||
</div>
|
||||
</body>
|
||||
<script src="${path}/static/js/video/video.min.js"></script>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,58 @@
|
||||
$(function() {
|
||||
|
||||
|
||||
})
|
||||
|
||||
/**
|
||||
* 根据视频类型跳转到视频播放页面
|
||||
* @param videoType
|
||||
*/
|
||||
function getVideoShowPage(videoType) {
|
||||
debugger
|
||||
document.getElementById("onclick1").style.color = "";
|
||||
if (null != document.getElementById("onclick2")) {
|
||||
document.getElementById("onclick2").style.color = "";
|
||||
}
|
||||
if (null != document.getElementById("onclick3")) {
|
||||
document.getElementById("onclick3").style.color = "";
|
||||
}
|
||||
if (null != document.getElementById("onclick4")) {
|
||||
document.getElementById("onclick4").style.color = "";
|
||||
}
|
||||
if (null != document.getElementById("onclick5")) {
|
||||
document.getElementById("onclick5").style.color = "";
|
||||
}
|
||||
if (null != document.getElementById("onclick6")) {
|
||||
document.getElementById("onclick6").style.color = "";
|
||||
}
|
||||
if (null != document.getElementById("onclick7")) {
|
||||
document.getElementById("onclick7").style.color = "";
|
||||
}
|
||||
if (videoType == 1) {
|
||||
document.getElementById("onclick1").style.color = "red";
|
||||
}
|
||||
if (videoType == 2) {
|
||||
document.getElementById("onclick2").style.color = "red";
|
||||
}
|
||||
if (videoType == 3) {
|
||||
document.getElementById("onclick3").style.color = "red";
|
||||
}
|
||||
if (videoType == 4) {
|
||||
document.getElementById("onclick4").style.color = "red";
|
||||
}
|
||||
if (videoType == 5) {
|
||||
document.getElementById("onclick5").style.color = "red";
|
||||
}
|
||||
if (videoType == 6) {
|
||||
document.getElementById("onclick6").style.color = "red";
|
||||
}
|
||||
if (videoType == 7) {
|
||||
document.getElementById("onclick7").style.color = "red";
|
||||
}
|
||||
$("#iframeVideoDiv").show();
|
||||
$("#iframe").prop("src",path+"/video/videoShow?videoType=" + videoType);
|
||||
}
|
||||
|
||||
function videoManager() {
|
||||
$("#iframeVideoDiv").hide();
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue