300 lines
9.0 KiB
HTML
300 lines
9.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="renderer" content="webkit">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>短消息-e订通</title>
|
|
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
|
|
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css">
|
|
<link rel="stylesheet" href="index.css">
|
|
<script src="layuiadmin/layui/layui.js"></script>
|
|
<script src="js/function.js"></script>
|
|
<style>
|
|
/* 防止横向宽度过大 */
|
|
.layui-tab-title li { min-width: auto; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!--消息列表-->
|
|
<div class="layui-fluid" style="padding:0;min-height:500px;background-color:#fff;overflow-x:hidden;">
|
|
<div class="layui-row layui-col-space10" id="edt_msg_content">
|
|
|
|
|
|
<div class="layui-tab" lay-filter="tab1">
|
|
<div>
|
|
<ul class="layui-tab-title">
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="layui-tab-content">
|
|
<div class="layui-tab-item layui-show">
|
|
<div id="detail_show">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var is_mobile="n";
|
|
var this_tab_no="";
|
|
var this_tab_title="";
|
|
layui.config({
|
|
base: './layuiadmin/'
|
|
}).extend({
|
|
index: 'lib/index'
|
|
}).use(['index', 'user','rate','element'], function(){
|
|
var $ = layui.$
|
|
,setter = layui.setter
|
|
,admin = layui.admin
|
|
,form = layui.form;
|
|
var rate = layui.rate;
|
|
var element = layui.element;
|
|
var url="./?_m=msg";
|
|
var arr_tab=[];
|
|
$.ajax(
|
|
{
|
|
url:url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var res=$.parseJSON(res);
|
|
|
|
// 防止层关闭按钮被祖父层.layui-layer-iframe遮挡
|
|
// 必须具备两种样式
|
|
// $(self.frameElement).parents(".layui-layer-iframe").css({"overflow": "visible", "white-space": "nowrap"})
|
|
|
|
this_tab_no=res.s_a;
|
|
//加载tab
|
|
arr_tab=res.tab;
|
|
var html1="";
|
|
for(var i=0;i<arr_tab.length;i++){
|
|
html1+='<li';
|
|
if(arr_tab[i]._a==res.s_a){
|
|
html1+=' class="layui-this"';
|
|
this_tab_title=arr_tab[i].title;
|
|
}
|
|
html1+='>'+arr_tab[i].title+'</li>';
|
|
}
|
|
$(".layui-tab-title").html(html1);
|
|
element.render('tab1');
|
|
url_to=url+"&init=y";
|
|
_ajax(url_to,res.s_a);
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
}
|
|
);
|
|
if(admin.screen()<2)
|
|
is_mobile="y";
|
|
$(window).on('resize', function(){
|
|
//自动
|
|
if(admin.screen()<2)
|
|
is_mobile="y";
|
|
});
|
|
|
|
//点击tab
|
|
element.on('tab(tab1)', function(data){
|
|
this_tab_title=this.innerHTML;
|
|
for(var i=0;i<arr_tab.length;i++){
|
|
if(arr_tab[i].title==this_tab_title){
|
|
this_tab_no=arr_tab[i]._a;
|
|
}
|
|
}
|
|
|
|
var url='./?_m=msg&_a='+this_tab_no;
|
|
_ajax(url,this_tab_no);
|
|
});
|
|
|
|
function tofs(uname){
|
|
$.ajax({
|
|
url:'./?_m=msg&_a=js',
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res2) {
|
|
var res2=$.parseJSON(res2);
|
|
this_tab_no="js";
|
|
//加载tab
|
|
arr_tab=res2.tab;
|
|
var html1="";
|
|
for(var i=0;i<arr_tab.length;i++){
|
|
html1+='<li';
|
|
if(arr_tab[i]._a=="js"){
|
|
html1+=' class="layui-this"';
|
|
this_tab_title=arr_tab[i].title;
|
|
}
|
|
html1+='>'+arr_tab[i].title+'</li>';
|
|
}
|
|
$(".layui-tab-title").html(html1);
|
|
var url='./?_m=msg&_a=js&auto_username='+uname;
|
|
_ajax(url,"js");
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
function _ajax(a_url,a_tab){
|
|
layer.load();
|
|
$.ajax({
|
|
url:a_url,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
layer.closeAll('loading');
|
|
var res=$.parseJSON(res);
|
|
|
|
if(res.code==0){
|
|
//------------------本页返回的错误信息
|
|
layer.msg(res.msg);
|
|
return false
|
|
}else if(res.code==1){
|
|
//------------------系统错误
|
|
var msg=res.msg;
|
|
var url2="error.htm?msg="+res.msg+"&btn_title="+res.btn_title+"&btn_url="+res.btn_url;
|
|
window.parent.location.href=url2;
|
|
}else if(res.code==2){
|
|
//------------------重新登录
|
|
var url2="login.htm?error_msg="+res.msg;
|
|
window.parent.location.href=url2;
|
|
}
|
|
|
|
if(a_tab=="new" || a_tab=="all"){
|
|
var html1="";
|
|
if(res.msgcount>0){
|
|
for(var i=0;i<res.msgcontent.length;i++){
|
|
html1+="<div>";
|
|
html1+="<p style=\"line-height:30px;\"><span>"+res.msgcontent[i].msgdate+"</span><span> </span><span>来自</span><span> </span><span>"+res.msgcontent[i].msgfrom+"</span></p>";
|
|
html1+="<p style=\"line-height:30px;\"><span>"+res.msgcontent[i].msgtext+"</span><span> </span><span><a class=\"tofs\" style=\"color:blue;\" href=\"javascript:void(0);\" data-uname=\""+res.msgcontent[i].msguser+"\">[回复]</a></span>";
|
|
if(a_tab=="new"){
|
|
html1+="<span> </span><span><a class=\"postsub\" data-id=\""+res.msgcontent[i].msgid+"\" style=\"color:blue;\" href=\"javascript:void(0);\">[确认]</a></span>";
|
|
}
|
|
html1+="</p>";
|
|
html1+="</div>";
|
|
html1+="<hr>";
|
|
}
|
|
}else{
|
|
html1+="没有信息!";
|
|
}
|
|
$("#detail_show").html(html1);
|
|
if(a_tab=="new"){
|
|
$(".postsub").click(function(){
|
|
var uuid=$(this).attr('data-id');
|
|
$.ajax({
|
|
url:'./?_m=msg&_a=queren&id='+uuid,
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res2) {
|
|
var res2=$.parseJSON(res2);
|
|
if(res2.code==1){
|
|
var url='./?_m=msg&_a=new';
|
|
_ajax(url,"new");
|
|
}
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
|
|
});
|
|
|
|
|
|
});
|
|
}
|
|
$(".tofs").click(function(){
|
|
var uun=$(this).attr('data-uname');
|
|
tofs(uun);
|
|
});
|
|
}else if(a_tab=="send_box"){
|
|
var html1="";
|
|
if(res.msgcount>0){
|
|
for(var i=0;i<res.msgcontent.length;i++){
|
|
html1+="<div>";
|
|
html1+="<p style=\"line-height:30px;\"><span>"+res.msgcontent[i].msgdate+"</span><span> </span><span>发往</span><span> </span><span>"+res.msgcontent[i].msgto+"</span></p>";
|
|
html1+="<p style=\"line-height:30px;\"><span>"+res.msgcontent[i].msgtext+"</span><span> </span><span><a class=\"tofs\" style=\"color:blue;\" href=\"javascript:void(0);\" data-uname=\""+res.msgcontent[i].msguser+"\">[再次发送]</a></span></p>";
|
|
html1+="</div>";
|
|
html1+="<hr>";
|
|
}
|
|
}else{
|
|
html1+="没有发送信息!";
|
|
}
|
|
$("#detail_show").html(html1);
|
|
$(".tofs").click(function(){
|
|
var uun=$(this).attr('data-uname');
|
|
tofs(uun);
|
|
});
|
|
}else if(a_tab=="js"){
|
|
var html1="";
|
|
html1+='<div style="margin-top:5px;margin-left:15px;"><form class="layui-form layui-form-pane">';
|
|
html1+='<div class="layui-form-item"><label class="layui-form-label">送往：</label><div class="layui-input-inline"><input type="text" id="username_to" name="username_to" lay-verify="required" placeholder="" autocomplete="off" class="layui-input" value="'+res.username_to+'"></div><div class="layui-input-inline"><select name="auto_username" id="auto_username" lay-filter="auto_username"><option value="">-选择用户-</option>';
|
|
var op=res.select_group_by.op;
|
|
for(var j=0;j<op.length;j++){
|
|
html1+='<option value="'+op[j].no+'"';
|
|
if(op[j].no==res.select_group_by.value)
|
|
html1+='selected';
|
|
html1+='>'+op[j].title+'</option>';
|
|
}
|
|
html1+='</select></div></div>';
|
|
html1+='<div class="layui-form-item layui-form-text"><label class="layui-form-label">内容</label>';
|
|
html1+='<div class="layui-input-block"><textarea placeholder="请输入内容" class="layui-textarea" name="msg_text" id="msg_text"></textarea></div>';
|
|
html1+='</div>';
|
|
html1+='<a id="form1_submit" class="layui-btn layui-btn-normal">发 送</a>';
|
|
html1+="</form></div>";
|
|
$("#detail_show").html(html1);
|
|
|
|
form.on('select(auto_username)', function(data){
|
|
$("#username_to").val(data.value);
|
|
});
|
|
|
|
$("#form1_submit").click(function(){
|
|
if($("#username_to").val()==""){
|
|
layer.msg('请输入发送对象!');
|
|
return false;
|
|
}
|
|
if($("#msg_text").val()==""){
|
|
layer.msg('请输入内容!');
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
url:'./?_m=msg&_a=save&username_to='+$("#username_to").val()+'&text='+$("#msg_text").val(),
|
|
contentType: "application/json",
|
|
method: 'POST',
|
|
success: function (res) {
|
|
var res2=$.parseJSON(res);
|
|
if(res2.code==1){
|
|
layer.msg("发送成功!");
|
|
}else{
|
|
layer.msg(res2.msgerror);
|
|
}
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
form.render();
|
|
}else{
|
|
var html1="";
|
|
html1+="访问错误!";
|
|
$("#detail_show").html(html1);
|
|
}
|
|
},
|
|
error: function () {
|
|
layui.layer.msg("与服务器通信失败！");
|
|
layer.closeAll('loading');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |