<!DOCTYPE html>
|
<html lang="en">
|
|
<head>
|
<meta charset="UTF-8" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
<link rel="stylesheet" href="css/index.css" />
|
<link href="/hxzkoa/hxzk/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/img/favicon.ico" rel="icon" type="image/x-icon" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-modal.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/components/custom-sweetalert.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/dashboard/dash_2.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/elements/custom-pagination.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/loader.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/scrollspyNav.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/main.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/structure.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/assets/css/elements/search.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/apex/apexcharts.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/animate/animate.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/highlight/styles/monokai-sublime.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert.css" rel="stylesheet" type="text/css" />
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/datatables.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/custom_dt_html5.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/table/datatable/dt-global_style.css" rel="stylesheet" type="text/css">
|
<link href="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
|
<link href="https://fonts.gstatic.com" rel="preconnect">
|
<link href="https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700&display=swap" rel="stylesheet">
|
<title>即时通信</title>
|
</head>
|
|
<body>
|
<div id="load_screen">
|
<div class="loader">
|
<div class="loader-content">
|
<div class="spinner-grow align-self-center"></div>
|
</div>
|
</div>
|
</div>
|
<!-- END LOADER -->
|
<div class="border-left"
|
style="opacity: 0.4; float: left; position: absolute; z-index: 1; left: 120px; height: 20px;">
|
<img alt="" src="/hxzkoa/resources/images/border.png" class="img-left">
|
</div>
|
<div class="border-right" style="opacity: 0.4; float: right; position: absolute; z-index: 2; right: 120px;">
|
<img alt="" src="/hxzkoa/resources/images/border2.png" class="img-right">
|
</div>
|
<div class="login-page"></div>
|
<div class="main-container" id="container">
|
<div class="overlay"></div>
|
<div class="search-overlay"></div>
|
<div class="header-page"></div>
|
<div id="content" class="main-content">
|
<div class="layout-px-spacing">
|
<div class="row layout-top-spacing" id="cancel-row">c
|
<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
|
<div class="widget-content widget-content-area br-6">
|
<div class="to__block">
|
<div style="position: absolute;float: left;left: 51%;">
|
<div class="form-group" style="text-align: left;">
|
<!-- <label for="exampleFormControlTextarea1">消息内容</label> -->
|
<div class="to__title" style="color: rgb(255,255,255);line-height:30px;text-align:left">消息内容</div>
|
<textarea class="form-control" id="exampleFormControlTextarea1" rows="12"
|
style="width: 150%;border: 1px solid #ccc;border-radius: 0;"></textarea>
|
</div>
|
</div>
|
<div style="position: absolute;float: left;left: 73.4%;width: 22%;">
|
<div class="to__title" style="color: rgb(255,255,255);line-height:30px;text-align:left">消息回复记录</div>
|
<div class="form-group" id="messagediv" style="text-align: left;border: 1px solid #ccc;height: 300px;width: 100%;;overflow: auto;padding-top: 5px;padding-left: 12px;">
|
|
</div>
|
</div>
|
<div class="to__left">
|
<div class="to__split"><span>←</span><span>→</span></div>
|
<div class="to__title">通讯录</div>
|
<div class="to__content">
|
<div class="to__search">
|
<input id="searchInput" oninput="search(this)" type="text"
|
placeholder="请输入需要搜索的名称" />
|
</div>
|
<div id="leftCont"></div>
|
</div>
|
</div>
|
<div class="to__right">
|
<div class="to__title">已选择（<span id="selectNum">0</span>）人</div>
|
<div class="to__content" id="rightCont"></div>
|
</div>
|
</div>
|
<div style="float: left;">
|
<button class="btn btn-primary" onclick="qingkong()" style="position: absolute;float: left;top: 390px;left: 70%;">清空</button>
|
<button class="btn btn-primary" onclick="fasong()" style="position: absolute;float: left;top: 390px;left: 80%;">发送</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- <script type="text/javascript" src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script> -->
|
<script type="text/javascript" src="./js/libs.js"></script>
|
<script type="text/javascript" src="./js/index.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/libs/jquery-3.1.1.min.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/app.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/dashboard/dash_2.js"></script>
|
<script src="/hxzkoa/hxzk/assets/js/loader.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/bootstrap.min.js"></script>
|
<script src="/hxzkoa/hxzk/bootstrap/js/popper.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/apex/apexcharts.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/datatable/button-ext/jszip.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/table/jquery.table2excel.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/promise-polyfill.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/sweetalert2.min.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/sweetalerts/custom-sweetalert.js"></script>
|
<script src="/hxzkoa/hxzk/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
|
<script type="text/javascript">
|
window.onload = function () {
|
App.init();
|
var person = [];
|
var bumen = [];
|
$.ajax({
|
async: false,
|
type: "POST",
|
url: "/hxzkoa/getSysSetting_list3.do",
|
data: {},
|
dataType: "json",
|
success: function (data) {
|
person = data.dataList3;
|
bumen = data.dataList4;
|
/* title = data[0].title; document.title = title; */
|
if (data.dataList2[0].label == 0) {
|
$("#labela").css({ 'display': 'none' });
|
};
|
if (data.dataList2[0].achor == 0) {
|
$("#anchora").css({ 'display': 'none' });
|
};
|
if (data.dataList2[0].gps == 0) {
|
$("#gpsa").css({ 'display': 'none' });
|
};
|
if (data.dataList2[0].fence == 0) {
|
$("#fencea").css({ 'display': 'none' });
|
};
|
if (data.dataList2[0].warning == 0) {
|
$("#warninga").css({ 'display': 'none' });
|
};
|
if (data.dataList2[0].history == 0) {
|
$("#historya").css({ 'display': 'none' });
|
};
|
if (data.dataList2[0].attendance == 0) {
|
$("#attendancea").css({ 'display': 'none' });
|
};
|
if (data.dataList2[0].basiclnfo == 0) {
|
$("#basiclnfoa").css({ 'display': 'none' });
|
};
|
if (data.dataList2[0].video == 0) {
|
$("#videoa").css({ 'display': 'none' });
|
};
|
if (data.dataList2[0].gas == 0) {
|
$("#gasa").css({ 'display': 'none' });
|
};
|
document.getElementById("xianuser").innerHTML=data.xianuser;
|
},
|
});
|
// 有问题可以联系我632922356@qq.com
|
// 目前使用了ES6语法，如果需要兼容IE请手动转ES5或者使用babel编译
|
|
// 对象属性都是统一的
|
// name 名称
|
// active 该节点是否选中
|
// isCatalog 该节点是否为目录级别
|
// open 该节点是否展开
|
var arr1 = [];
|
for (var i=0; i<bumen.length; i++) {
|
var t = 0;
|
var arr2 = [];
|
for (var j=0; j<person.length; j++) {
|
if(person[j].p_department == bumen[i]){
|
arr2[t] = {name:person[j].p_name+"("+person[j].p_tagid+")",children: []};
|
t++;
|
}
|
}
|
arr1[i] = {name:bumen[i],children:arr2,isCatalog:true,open:false}
|
}
|
|
window.group = new Group(arr1);
|
group.render();
|
};
|
|
$('.header-page').load('/hxzkoa/hxzk/top.html');
|
$('.login-page').load('/hxzkoa/hxzk/head.html');
|
|
// 箭头点击事件
|
function arrowClick(e) {
|
group.reveal(e);
|
}
|
|
// 选中事件
|
function checkboxClick(e, type) {
|
group.choose(e, type);
|
}
|
|
// 移除选中事件
|
function nodeCencel(e) {
|
group.nodeCencel(e);
|
}
|
|
// 搜索事件
|
function search(e) {
|
group.search(e);
|
}
|
|
function fasong() {
|
var cout = document.getElementById("rightCont");
|
var net = cout.getElementsByClassName("to__name");
|
var arr = [];
|
for (var i = 0; i < net.length; i++) {
|
arr[i] = net[i].textContent.split("(")[1].replace(")","");
|
}
|
var message = $("#exampleFormControlTextarea1").val();
|
$.ajax({
|
async: false,
|
type: "POST",
|
url: "/hxzkoa/sendmessage.do",
|
data: {
|
arr:arr.toString(),
|
message:message
|
},
|
dataType: "json"
|
})
|
}
|
|
function qingkong() {
|
// window.location.reload()
|
$("#rightCont").html("<div></div>");
|
$("#exampleFormControlTextarea1").val("")
|
}
|
|
getmessage();
|
setInterval(getmessage,2000);
|
|
function getmessage(){
|
$.ajax({
|
async: false,
|
type: "POST",
|
url: "/hxzkoa/getmessagea.do",
|
data: {},
|
dataType: "json",
|
success:function(data){
|
var str = "";
|
for (var k in data.dataList) {
|
str += "<h6>"+ data.dataList[k].message +"已收到消息,"+data.dataList[k].addtime+" "+data.dataList[k].baoliu2+"</h6>";
|
}
|
$("#messagediv").html(str);
|
}
|
})
|
}
|
</script>
|
</body>
|
|
</html>
|
