You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

535 lines
21 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!--#layout("/common/container.html"){ -->
<script type="text/javascript" src="${ctxPath}/plugins/webSocket.js?v=${jsVer}"></script>
<script type="text/javascript" src="${ctxPath}/plugins/jquery.cookie.js"></script>
<style>
@media screen and (max-width: 1300px) {
#operation .layui-nav-item a {
font-size: 20px !important;
}
}
#operation .layui-this {
/*line-height:80px;*/
background-color: #66a1dc !important;
}
#operation .layui-nav-item a {
/*font-size: 25px;*/
color: white !important;
}
.layui-nav-bar {
display: none;
}
.reds {
color: red;
}
.layui-nav .layui-this::after {
height: 0;
}
/*tab第一个隐藏删除*/
.fsTab .layui-tab-title li:first-child i {
display: none;
}
.rightmenu {
position: absolute;
width: 100px;
z-index: 9999;
display: none;
background-color: #fff;
padding: 2px;
color: #333;
border: 1px solid #eee;
border-radius: 2px;
cursor: pointer;
}
.rightmenu li {
text-align: center;
display: block;
height: 35px;
line-height: 35px;
}
.rightmenu li:hover {
background-color: #efefef;
color: #000000;
}
.layui-nav .layui-nav-more, .layui-nav .layui-nav-mored, .layui-nav-itemed > a .layui-nav-more {
border-color: transparent transparent #201c1c;
}
.layui-nav-tree .layui-nav-item a:hover {
background-color: #131F49 !important;
color: #ffffff !important;
/*background-color:#73a2f8!important;
color: white !important;*/
}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree
.layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this,
.layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
background-color: #66a1dc !important;
color: #ffffff !important;
/*background-color: #f86d30 !important;
color: white !important;*/
}
.fsTab .layui-tab-item {
top: 41px !important;
}
/*.layui-layout-admin .layui-side,.layui-layout-admin .layui-body{
top:70px !important;
}*/
.menuClass a {
font-size: 15px;
color: #0C0C0C !important;
padding-left: 50px !important;
}
.layui-nav .layui-this:after {
background-color: inherit !important;
}
/*三级菜单样式*/
ol li a {
background-color: rgba(0, 0, 0, 1) !important;
}
.three_this {
background-color: #009688 !important;
}
#fsLeftMenu .layui-nav-child {
padding: 0;
}
.layui-nav .layui-nav-item a, .layui-nav-itemed > a {
color: #ffffff !important;
}
.layui-logo {
width: auto !important;
height: 75% !important;
font-size: 30px !important;
font-family: cursive !important;
font-weight: bold !important;
}
.showMenu.layui-layout-admin .layui-side {
left: -320px;
}
.fsSwitchMenu {
left: 320px;
color: #ffffff;
background-color: #171313 !important;
font-weight: 700;
}
</style>
<!-- 顶部 -->
<form class="layui-form layui-form-pane">
<div class="layui-row layui-header">
<div class="layui-col-md4" style="text-align: center;">
<img style="height: 76px;" />
<div class="layui-logo layui-hide-xs layui-bg-black" style="background-color: #23262e !important">金融虚拟仿真实验课程平台</div>
<!--<a href="#" class="" style="width: 80px;">
<div class="fsSwitchMenu"><i class="iconfont icon-category"></i></div>
</a>-->
</div>
<!-- 顶部菜单 -->
<div class="layui-col-md8">
<ul class="layui-nav" id="operation" style="float: right;">
<!--#for(node in menus.children){
var hasSite = true;//系统的第一个菜单默认显示
-->
<!--# var ii = 0; for(subSystem in node.children){ ii = ii+1; -->
<!--#if(ii == 1){-->
<li class="layui-nav-item layui-hide-xs see_menus" menuId="1_1_1"><a href="${ctxPath}/index.do">首页</a></li>
<!--#}-->
<!--#if(ii < 5){-->
<li class="layui-nav-item layui-hide-xs see_menus" data-title="${subSystem.children[0].data.name}"
data-url="${subSystem.children[0].data.accessUrl}" menuId="${subSystem.children[0].data.id}"><a
href="#">${subSystem.data.name}</a></li>
<!--#}-->
<!--#} -->
<!--#} -->
<!--<li class="layui-nav-item layui-hide-xs bjq"><a style="cursor: pointer;" onclick="Lib.getEditUrl();">编辑器</a></li>-->
<li class="layui-nav-item head_">
<a href="javascript:void (0);">
<!--#if(user.get().head_img!''== null || user.get().head_img!''==''){-->
<img src="${ctxPath}//plugins/head_img.jpg" class="layui-nav-img">
<!--#}else{-->
<img src="${ctxPath}${user.get().head_img!''}" class="layui-nav-img">
<!--#}-->
${user.get().name!''}</a>
<dl class="layui-nav-child">
<dd id="changePassword"><a href="javascript:void (0);" style="color: #000!important;">修改密码</a>
</dd>
<dd id="basicsInfo"><a href="javascript:void (0);" style="color: #000!important;">基本资料</a></dd>
<dd id="quitSystem"><a href="javascript:void (0);" style="color: #000!important;">退出</a></dd>
</dl>
</li>
</ul>
<!-- <i class="layui-icon" title="在线编辑器" onclick="Lib.getEditUrl();" style="position: absolute;right: 30px;top: 0;font-size: 20px;color: white;cursor: pointer;">&#xe631;</i>-->
</div>
</div>
<div id="changePassword_dialog" style="padding-top: 20px;display: none;">
<div class="layui-form" action="" style="width: 90%;margin: 0 auto;">
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<div class="layui-input-inline">
<input type="password" name="password" lay-verify="required" placeholder="请输入密码!" autocomplete="off"
class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">密码需要大于等于6</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">确认密码</label>
<div class="layui-input-inline">
<input type="password" name="password2" lay-verify="required" placeholder="请再次输入密码!"
autocomplete="off" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">两次密码需相等!</div>
</div>
</div>
</div>
<div id="selectCompany"
style="padding: 50px;display:none;">
<div class="layui-row">
<div class="layui-form-item">
<select id="companyList">
<!--#
var allOrgs = session["core:orgs"];
for(org in allOrgs){
var checked = false;
if(session["core:currentOrg"].id==org.id){
checked=true;
}
-->
<option value="${org.id}" ${checked?"selected"}>${org.name}</option>
<!--#} -->
</select>
</div>
</div>
</div>
<!-- 左边菜单 -->
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域可配合layui已有的垂直导航 -->
<ul class="layui-nav layui-nav-tree" lay-filter="fsLeftMenu" id="fsLeftMenu">
<!--#
for(node in menus.children){
var hasSite = true;//系统的第一个菜单默认显示
-->
<!--#for(subSystem in node.children){ -->
<li class="layui-nav-item layui-nav-itemed" dataPid="${node.data.id}">
<a href="javascript:" class="menu_three" style="font-size: 17px;">
<span style="font-size: 20px;float: left;padding-right:5px;" class="iconfont">${subSystem.data.icon}</span>
${subSystem.data.name}
</a>
<dl class="layui-nav-child">
<!--#for(menu in subSystem.children){ -->
<dd class="">
<!--#if(menu.children != [] && menu.children != null){-->
<a class="menu_three" href="javascript:" style="color: #ffffff">
<!--#if(menu.data.icon != null && menu.data.icon != ''){-->
<span style="font-size: 20px;float: left;padding-right:5px;" class="iconfont">${menu.data.icon}</span>
<!--#}else{ -->
<span style="padding-left: 30px"></span>
<!--#} -->
${menu.data.name}
</a>
<!--#}else{ -->
<a class="menu_three" href="javascript:" style="color: #0C0C0C" menuId="${menu.data.id}"
dataUrl="${ctxPath}${menu.data.accessUrl}">
<!--#if(menu.data.icon != null && menu.data.icon != ''){-->
<span style="font-size: 20px;float: left;padding-right:5px;" class="iconfont">${menu.data.icon}</span>
<!--#}else{ -->
<span style="padding-left: 30px"></span>
<!--#} -->
${menu.data.name}
</a>
<!--#} -->
<!--#if(menu.children != [] && menu.children != null){-->
<!--三级菜单-->
<ol class="layui-nav-child" style="display: none;">
<!--#for(threeMenu in menu.children){ -->
<li><a style="padding-left:50px;" href="javascript:;" menuId="${threeMenu.data.id}"
dataUrl="${ctxPath}${threeMenu.data.accessUrl}">
<!--#if(threeMenu.data.icon != null && threeMenu.data.icon != ''){-->
<span style="font-size: 20px;float: left;padding-right:5px;" class="iconfont">${threeMenu.data.icon}</span>
<!--#}else{ -->
<span style="padding-left: 30px"></span>
<!--#} -->
${threeMenu.data.name}</a>
</li>
<!--#} -->
</ol>
<!--#} -->
</dd>
<!--#} -->
</dl>
</li>
<!--#} -->
<!--#} -->
</ul>
</div>
</div>
<!-- 右边内容区域 -->
<div class="layui-body layui-form" style="bottom:10px;">
<div id="colcse" class="layui-tab layui-tab-card fsTab" lay-filter="fsTab" lay-allowClose="true"
style="height: 0;">
<!-- 菜单导航 -->
<ul class="layui-tab-title">
<li class="layui-this" id="heavyLoad">首页</li>
</ul>
<!--描述tab右键功能 -->
<ul class="rightmenu" style=" display: none;position: absolute;background: #fff;font-family: '微软雅黑';">
<li data-type="closethis">
<a href="#" style="color: black;cursor:pointer;"
data-type="closethis">&nbsp;&nbsp;关闭这个&nbsp;&nbsp;</a>
</li>
<li data-type="closeothe">
<a href="#" style="color: black;cursor:pointer;"
data-type="closeothe">&nbsp;&nbsp;关闭其它&nbsp;&nbsp;</a>
</li>
<li data-type="closeright">
<a href="#" style="color: black;cursor:pointer;" data-type="closeright"> &nbsp;&nbsp;关闭右侧&nbsp;&nbsp;</a>
</li>
<li data-type="closeleft">
<a href="#" style="color: black;cursor:pointer;" data-type="closeleft">
&nbsp;&nbsp;关闭左侧&nbsp;&nbsp;</a>
</li>
<li data-type="closeall">
<a href="#" id="colcse2" style="color: black;cursor:pointer;" data-type="closeall">&nbsp;&nbsp;关闭所有&nbsp;&nbsp;</a>
</li>
</ul>
<!-- 内容 -->
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<!--include("/help.html"){} -->
<!--#include("/teacherIndex.html"){} -->
</div>
</div>
</div>
</div>
<input name="webSocketServer" type="hidden" value="${webSocketServer}"/>
</form>
<!--#} -->
<script>
var sign = localStorage.getItem("_sign");
if (!$.isEmpty(sign)) {
$("#zxh").show();
$("#zxh .number").text(sign);
}
layui.define(['form', 'element'], function (exports) {
var form = layui.form;
var element = layui.element;
$(".menu_three").on("click", function () {
$(this).next().toggle(500);
$(".three_this").removeClass("three_this");
});
$("ol").on("click", "li a", function () {
$.each($(this).parent().siblings(), function (i, e) {
$(e).find("a").removeClass('three_this');
});
$(".menu_three").removeClass("menu_three"); // 删除其他选择的样式
$(".three_this").removeClass("three_this"); // 删除其他选择的样式
$(this).addClass('three_this'); // 添加当前元素的样式
});
//webSocket.openSocket($("input[name='webSocketServer']").val(),$("#userId").val(),"index"); //调用socket请求
//监听提醒窗体切换
form.on('checkbox(promptingWindow)', function (data) {
if (data.elem.checked) {
window.localStorage.setItem("promptingWindow", "1");
} else {
window.localStorage.setItem("promptingWindow", "2");
//socketEnd();//关闭长连接
}
});
window.loadInfo = function () {
getRecordByWork();
}
//getRecordByWork();
//根据用户信息查询技术员的记录单
function getRecordByWork() {
var ret = Common.getAjax("/jlw/deviceMaintainRecord/getRecordByWorkUserId.json");
if (ret.code == 0) {
$("#newsNumber").html(ret.data.length);
}
}
//监听头部菜单切换
$(".see_menus").click(see_menus);
function see_menus() {
var layId = $(this).attr("menuId"),
url = $(this).attr("data-url"),
title = $(this).attr("data-title");
if (layId == "1_1_1") {
element.tabChange('fsTab', "1_1_1"); //切换到:用户管理
} else {
$("#fsLeftMenu .menuClass").removeClass("layui-this");
$("#fsLeftMenu .menuClass a[menuId=" + layId + "]").parent().addClass('layui-this');
openNewPage(layId, url, title);
}
};
//基本资料编辑
$("#basicsInfo").click(function () {
openNewPage("0_0_0", "/admin/user/userEditInfo.do", "我的信息");
});
$("#quitSystem").click(function () {
layer.confirm('是否确定退出系统?', function (index) {
// $.cookie('JT_S_01_token', '', { expires: -1 }); // 删除 cookie
var ret = Common.postAjax("/logout.json");
if (ret.code == 0 || ret.code == 401) {
Common.info("退出成功!");
Common.awaitTime(1200, function () {
window.location.href = ('${profile!}' === 'prod' ? '/' : '/server');
});
}
});
});
});
//打开提示窗体
var openName;
function hangCalendarReminder(data) {
var datas = data.split("[>_<]");
var ddd = '';
if (datas.length > 1) {
for (var i = 0; i < datas.length; i++) {
ddd += "<p>第" + (i + 1) + "个待办:&nbsp;&nbsp;" + datas[i] + "</p>";
}
} else {
ddd = data;
}
var openName = layer.open({
type: 1,
title: "消息提醒",
skin: 'demo-class',
shade: 0,
btnAlign: 'c',
anim: 3,
offset: 'rb',
area: ['500px', '400px'],
content:
"<div style='width: 100%;height: 100%;padding:10px;box-sizing:border-box;text-align: left;line-height: 20px;letter-spacing: 1px'>" +
"您有新的待办即将开始:" +
ddd + "</div>",
});
}
// 处理来电
function handlerCustomerCall(layId, phone) {
window.localStorage.setItem("newCustomerPhone", phone);
openNewPage(layId, "/jlw/customerServiceRecord/index.do?phone=" + phone, "来电管理");
}
function newsInfo() {
openNewPage(148, "/jlw/deviceMaintainInfo/recordFormList.do", "待填记录单");
}
//打开新的title
function openNewPage(layId, url, title) {
var layId = layId;//来电管理ID
var dataUrl = Common.ctxPath + url;
var title = title;
var len = $(".fsTab .layui-tab-title li").length;
var n = 0;
for (var i = 0; i < len; i++) {
if ($(".fsTab .layui-tab-title li:eq(" + i + ")").attr("lay-id") == layId) {
layui.element.tabDelete('fsTab', layId);
}
}
if (n == 0) {
//新增一个Tab项
layui.element.tabAdd('fsTab', {
title: title //用于演示
, content: '<iframe id="view_' + layId + '" src="' + dataUrl + '"></iframe>'
, id: layId
});
/*--------------添加该段代码表示重新加载页面--------------*/
var othis = $('.layui-tab-title').find('>li[lay-id="' + layId + '"]'),
index = othis.parent().children('li').index(othis),
parents = othis.parents('.layui-tab').eq(0),
item = parents.children('.layui-tab-content').children('.layui-tab-item'),
src = item.eq(index).find('iframe').attr("src");
item.eq(index).find('iframe').attr("src", src);
/*--------------添加该段代码表示重新加载页面--------------*/
$('body').removeClass('site-mobile');
}
layui.element.tabChange('fsTab', layId);
}
//打开订单管理页面 立即查看
function orderPage(orderId) {
window.localStorage.setItem("indexOrderId", orderId);
var layId = 70;//订单管理ID
var dataUrl = Common.ctxPath + "/jlw/order/index.do";
var title = "订单管理";
var len = $(".fsTab .layui-tab-title li").length;
var n = 0;
for (var i = 0; i < len; i++) {
if ($(".fsTab .layui-tab-title li:eq(" + i + ")").attr("lay-id") == layId) {
layui.element.tabDelete('fsTab', layId);
}
}
if (n == 0) {
//新增一个Tab项
layui.element.tabAdd('fsTab', {
title: title //用于演示
, content: '<iframe id="view_' + layId + '" src="' + dataUrl + '"></iframe>'
, id: layId
});
/*--------------添加该段代码表示重新加载页面--------------*/
var othis = $('.layui-tab-title').find('>li[lay-id="' + layId + '"]'),
index = othis.parent().children('li').index(othis),
parents = othis.parents('.layui-tab').eq(0),
item = parents.children('.layui-tab-content').children('.layui-tab-item'),
src = item.eq(index).find('iframe').attr("src");
item.eq(index).find('iframe').attr("src", src);
/*--------------添加该段代码表示重新加载页面--------------*/
$('body').removeClass('site-mobile');
}
Lib.closeOrder();
layui.element.tabChange('fsTab', layId); //切换到:用户管理
}
</script>