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

244 lines
9.0 KiB

<#include "../_include/_t.ftl"/>
<!DOCTYPE html>
<html>
<head>
<title></title>
<!--<link rel="shortcut icon" href="${ctx}/favicon.ico" type="image/x-icon"/>-->
<#include "../_include/_h.ftl"/>
<#include "../_include/_l.ftl"/>
<#include "../_include/_j.ftl"/>
<#include "../_include/_e.ftl"/>
<#include "../_include/_c_1.ftl"/>
<#include "../_include/_boc.ftl"/>
<#include "../_include/_index_1.ftl"/>
<script type="text/javascript" src="${ctx}/js/mqttws31.js"></script>
<script type="text/javascript" src="${ctx}/js/iotpush.js"></script>
<script type="text/javascript" src="${ctx}/js/remsg.js"></script>
<link href="${ctx}/style/BOC/css/css.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<!-- 菜单 start
<div class="dropdown">
<a class="dropbtn"><img src="${ctx}/style/cls1/img/menu-icon7.png"></a>
<div class="dropdown-content">
<span></span>
<a id="show_own"><img src="${ctx}/style/cls1/img/yonghu-icon1.png">个人资料</a>
<a id="show_pwd"><img src="${ctx}/style/cls1/img/yonghu-icon2.png">修改密码</a>
<a id="show_out"><img src="${ctx}/style/cls1/img/yonghu-icon3.png">退出登录</a>
</div>
</div>
-->
<!-- 菜单 end -->
<!-- 头部 start -->
<div class="header" style="top: 0;">
<div class="logo"><img src="${ctx}/style/cls1/img/logo.png"></div>
</div>
<div style="z-index: 0; position: absolute;top: 79px;width: 732px;height: 52px; color: #b5e0ff;font-size: 16px;">
<div style="width: 217px;height: 30px;float: left;margin-left: 77px;margin-top: 10px;">
<span>${.now?string('yyyy-MM-dd')}</span>
<span id="theClock"></span>
</div>
<!-- <iframe scrolling="no" style="margin-top: 10px;"
src="https://tianqiapi.com/api.php?style=tq&skin=pear&color=b5e0ff&fontsize=14&align=center" frameborder="0" width="80%" height="24" allowtransparency="true"></iframe> -->
<iframe id="weather" scrolling="no" style="margin-top: 10px;" frameborder="0" width="400px" height="30" allowtransparency="true"></iframe>
</div>
<div class="unit"
style="z-index: 0; position: absolute; right: 0px; top: 79px;">
<div>
<img src="${ctx}/style/BOC/img/unit-icon.png" width="20"><span id="soc_addr" style="margin-left: 5px;"></span>
</div>
</div>
<!-- 头部 end -->
<div class="content">
<iframe id="index_main_0" style="border: 0px;width: 100%;height:calc(100vh - 120px);" src="${ctx}/bdata/bdata/大数据/1"></iframe>
<!--<iframe id="index_main_0" style="border: 0px;width: 100%;height:calc(100vh - 120px);" src="${ctx}/bdata/bdata/大数据/1"></iframe> -->
</div>
<iframe id="index_main_1" style="display:none;border: 0px;width: 100%;height:100vh;z-index:1;position: absolute;top: 0; " src="${ctx}/bdata/bdata/大数据/1"></iframe>
<script type="text/javascript">
var tk;
var xx;
var sb = $("#index_main_0")[0];
layuiplus.on(function(){
layuiplus.init(0);
var days = new Array("日", "一", "二", "三", "四", "五", "六");
showDT();
function showDT() {
var currentDT = new Date();
var y, m, date, day, hs, ms, ss, theDateStr;
y = currentDT.getFullYear(); //四位整数表示的年份
m = currentDT.getMonth(); //月
date = currentDT.getDate(); //日
day = currentDT.getDay(); //星期
hs = currentDT.getHours(); //时
ms = currentDT.getMinutes(); //分
ss = currentDT.getSeconds(); //秒
theDateStr = hs + ":" + ms + ":" + ss + " 星期" + days[day];
document.getElementById("theClock").innerHTML = theDateStr;
// setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
window.setTimeout(showDT, 1000);
}
$("#show_pwd").click(function(e){
//var x = e.originalEvent.x || e.originalEvent.layerX || 0;
//var y = e.originalEvent.y || e.originalEvent.layerY || 0;
layer.open({
type:1,
title:false,
closeBtn:false,
//offset:[y,x],
area:"auto",
shade:0.3,
//id:''//设定一个id,防止重复弹出
btn:["提交新密码","取消"],
btnAlign:"c",
//move:true,//false关闭拖拽/默认.layui-layer-title可不写
content:"<div style=\"padding:10px;line-height:22px;color:#fff;font-weight:300;font-size:16px;\"><input type=\"password\" id=\"npwd\" class=\"layui-input\" placeholder=\"请输入您的新密码\" autocomplete=\"off\" style=\"font-size:16px;height:30px;line-height:30px;text-align:center;\"/></div>",
yes:function(index,layero){
var npwd = $("#npwd").val();
if(npwd == ""){
$("#npwd").focus();
return false;
}
$.ajax({
type:"get",
url:ctx+"/pwd",
data:{usersPwd:npwd},
dataType:"json",
success:function(data){
if(data.status == true){
layer.close(index);
layer.msg("新密码修改成功",{time:2000});
}
}
});
}
});
});
$("#show_own").click(function(e){
var _html = "<div style=\"padding:10px;color:#fff;font-weight:300;\">"+
"<input type=\"text\" id=\"index_newUsersName\" placeholder=\"姓名\" class=\"layui-input\" style=\"width:360px;margin-bottom:20px;\"/>"+
"<input type=\"text\" id=\"index_newUsersTel\" placeholder=\"电话\" class=\"layui-input\" style=\"width:360px;margin-bottom:20px;\"/>"+
"<input type=\"text\" id=\"index_newUsersEmail\" placeholder=\"邮箱\" class=\"layui-input\" style=\"width:360px;\"/>"+
"</div>";
layer.open({
type:1,
title:false,
closeBtn:false,
//offset:"r",
area:["420px","auto"],
shade:0.3,
//id:''//设定一个id,防止重复弹出
btn:["确定","取消"],
btnAlign:"c",
content:_html,
success:function(){
$.ajax({
type:"get",
url:ctx+"/own/0",
data:{usersUid:"${manager_user['usersUid']}"},
dataType:"json",
success:function(data){
$("#index_newUsersName").val(data.usersName);
$("#index_newUsersTel").val(data.tel);
$("#index_newUsersEmail").val(data.email);
}
});
},
yes:function(index){
var usersName = $("#index_newUsersName");
if(usersName.val() == ""){
usersName.focus();
layer.tips("<span style='color:#000000;'>请输入姓名</span>","#index_newUsersName",{tips:[2,'#ffffff']});
return false;
}
var usersTel = $("#index_newUsersTel");
if(usersTel.val() == ""){
usersTel.focus();
layer.tips("<span style='color:#000000;'>请输入电话</span>","#index_newUsersTel",{tips:[2,'#ffffff']});
return false;
}
var usersEmail = $("#index_newUsersEmail");
if(usersEmail.val() == ""){
usersEmail.focus();
layer.tips("<span style='color:#000000;'>请输入邮箱</span>","#index_newUsersEmail",{tips:[2,'#ffffff']});
return false;
}
$.ajax({
type:"get",
url:ctx+"/own/1",
data:{usersUid:$("#index_newUsersUid").val(),usersName:usersName.val(),tel:usersTel.val(),email:usersEmail.val()},
dataType:"json",
success:function(data){
if(data.status == true){
$("#index_work_name1").html(usersName.val());
$("#index_work_name2").html(usersName.val());
layer.msg("修改成功",{time:2000});
layer.close(index);
}
}
});
}
});
});
$("#show_out").click(function(){
layer.open({
type:1,
title:false,
closeBtn:false,
area:"auto",
shade:0.3,
//id:''//设定一个id,防止重复弹出
btn:["确定","取消"],
btnAlign:"c",
//move:true,//false关闭拖拽/默认.layui-layer-title可不写
content:"<div style=\"padding:10px;line-height:22px;color:#fff;font-weight:300;font-size:16px;\">退出云平台?<br/><br/>点击“确定”退出,否者点击“取消”返回。<br/><br/>确定退出?</div>",
yes:function(index,layero){
//跳转退出
window.location.href = ctx+"/unsignin";
}
});
});
$("#tzggclick").click(function(){
$(".content").show();
$("#index_main_1").hide();
$("#index_main_0").attr("src","${ctx}/work1/madin");
$("#index_main_1").attr("src","");
$(this).siblings().removeClass("selected");
$(this).addClass("selected");
$("#wbxc").addClass("selected");
});
startMqttServer("${manager_user['groupId']}");
//自动匹配当前账号的位置 显示天气信息
// var city = "${manager_user['regionVal']}";
// var _city;
// if(city.length > 2){
// _city = city.replace("县", "").replace("区", "").replace("市", "");
// }else{
// _city = city;
// }
// $("#weather").attr("src", "https://tianqiapi.com/api.php?style=tz&skin=pear&color=b5e0ff&fontsize=16&align=center&city="+_city);
$("#weather").attr("src", "https://tianqiapi.com/api.php?style=tz&skin=pear&color=b5e0ff&fontsize=16&align=center");
//针对于右上角单位显示名称超出范围
var group_name = "${manager_user['groupName']}";
if(group_name != null && group_name.length > 13){
group_name = group_name.substring(0,13) + "...";
}
$("#soc_addr").html(group_name);
$("#soc_addr").attr("title", "${manager_user['groupName']}");
})
</script>
</body>
</html>