lixin-web
Version:
vue and bootstrap
244 lines • 11.7 kB
JavaScript
var initThisPage01 = function() {
var a = $('[data-init="content"]:eq(0)');
Will.page(a, {},
"/api/account/list-message", "收件箱没有任何消息",
function(c) {
var b = a.find(".result > table");
b.find("tbody").empty();
$.each(c,
function(f, h) {
var d = h.fromAccount;
if (h.type == 0) {
if (h.isFromUp) {
d = "上级"
}
}
if (h.type == 1) {
d = "系统"
}
if (h.type == 2) {
d = "管理员"
}
var e = '<tr data-id="' + h.id + '"><td><input type="checkbox"></td><td>' + d + "</td><td>" + h.subject + "</td><td>" + moment(h.time).format("YYYY-MM-DD HH:mm:ss") + "</td><td>" + (h.status ? "已读": "未读") + '</td><td><a data-index="' + f + '" data-command="details">详情</a><a data-command="delete">删除</a></td></tr>';
b.find("tbody").append(e);
var g = $('.form-control tbody td input[type="checkbox"]');
$('[data-command="check-true"]').click(function() {
$.each(g,
function() {
if ($(this).is(":checked") == false) {
$(this).trigger("click")
}
})
});
$('[data-command="check-false"]').click(function() {
$.each(g,
function() {
if ($(this).is(":checked") == true) {
$(this).trigger("click")
}
})
})
});
b.find('a[data-command="details"]').click(function() {
var d = $(this).attr("data-index");
PopMessageDetail.details("inbox", c[d],
function() {
Will.getPage(a).reload()
})
});
b.find('a[data-command="delete"]').click(function() {
var d = $(this).parents("tr").attr("data-id");
PopMessageDetail.del(a, "inbox", [d].toString(),
function() {
Will.getPage(a).reload()
})
})
});
Will.getPage(a).init()
};
var initThisPage02 = function() {
var e = $('[data-init="content"]:eq(1)');
e = $('<div data-init="content" class="content"> <div class="wrapper wrapper-send"> <div class="form"> <table class="fform-control col-sm-6"> <tbody> <tr> <td class="label-sm col-sm-1">收件人：</td> <td class="value col-sm-6"> <div class="radio-group noselect"> <label><input name="target" type="radio" value="up" checked="checked">上级代理</label> <label><input name="target" type="radio" value="down">下级会员</label> <label><input name="target" type="radio" value="admin">客服人员</label> </div> </td> </tr> <tr data-group="toUsers" class="hidee"> <td class="label-sm">收件人列表：</td> <td class="value"> <input name="toUsers" type="text" class="form-control" readonly="readonly" autocomplete="off"> <input name="add" type="button" class="button blue small" value="添加用户"/> <input name="clear" type="button" class="button light-green small" value="清空列表"/> </td> </tr> <tr> <td class="label-sm">主题：</td> <td class="value"> <input name="subject" type="text" class="form-control message" autocomplete="off"> </td> </tr> <tr class="textarea"> <td class="label-sm align-top">消息内容：</td> <td class="value"> <textarea name="content" class="form-control message"></textarea> </td> </tr> <tr class="actions"> <td class="label-sm"></td> <td class="value"> <div class="button-groups"> <input name="submit" type="button" class="button" value="发送消息"/> <input name="cancel" type="button" class="button" value="取消"/> </div> </td> </tr> </tbody> </table> </div> </div> </div>');
var d = function(f) {
Will.ajax(f, "/api/account/send-message",
function() {
c();
Will.success("消息发送成功！")
})
};
var c = function() {
e.find('input[name="toUsers"]').val("");
e.find('input[name="subject"]').val("");
e.find('textarea[name="content"]').val("")
};
e.find('input[name="target"]').unbind().click(function() {
if ($(this).val() == "up") {
e.find('[data-group="toUsers"]').hide()
}
if ($(this).val() == "down") {
e.find('[data-group="toUsers"]').show()
}
if ($(this).val() == "admin") {
e.find('[data-group="toUsers"]').hide()
}
}).eq(0).trigger("click");
e.find('input[name="add"]').unbind().click(function() {
b.init(e,
function(f) {
e.find('input[name="toUsers"]').val(f)
})
});
var b = function() {
var f = function(j) {
var i = '<div id="UserDirectLower" class="manager"><div class="modal"><div class="params"><div class="row"><label>搜索用户：</label><input name="username" type="text" class="form-control input search" autocomplete="off" placeholder="搜索用户"><input name="submit" type="button" class="search" value="搜索"></div></div><div class="list-user">';
$.each(j,
function(k, l) {
i += '<label class="item"><input value="' + l + '" type="checkbox">' + l + "</label>"
});
i += '</div><div class="action-groups"><div class="radio-group noselect"><label><input name="selectall" value="1" type="radio">全选</label><label><input name="selectall" value="0" type="radio">反选</label></div><input name="add" type="button" class="button right" value="添加用户"/></div></div></div>';
return i
};
var g = function(j) {
var i = $("#UserDirectLower");
i.find('input[name="cancel"]').click(function() {
var k = Will.getBox();
if (k) {
k.close()
}
});
i.find('input[name="add"]').click(function() {
var k = [];
$.each(checkboxes,
function() {
if ($(this).is(":checked") == true) {
k.push($(this).val())
}
});
var l = Will.getBox();
if (l) {
l.close()
}
if ($.isFunction(j)) {
j(k)
}
})
};
var h = function(i, j) {
Will.ajax({},
"/api/agent/list-direct-account",
function(k) {
BootstrapDialog.show({
title: '<i class="icon lock"></i>添加收件人',
message: function() {
var l = '<div id="UserDirectLower" class="manager"><div class=""><div class="params"><div class="row"><label>搜索用户：</label><input name="username" type="text" class="form-control input search" autocomplete="off" placeholder="搜索用户"><input name="submit" type="button" class="search" value="搜索"></div></div><div class="list-user">';
$.each(k,
function(m, n) {
l += '<label class="item"><input value="' + n + '" type="checkbox">' + n + "</label>"
});
l += "</div></div></div>";
return l
} (),
buttons: [{
label: "全选",
action: function(l) {
var n = l.getModalBody();
var m = n.find('input[type="checkbox"]');
$.each(m,
function() {
if ($(this).is(":checked") == false) {
$(this).trigger("click")
}
})
}
},
{
label: "反选",
action: function(l) {
var n = l.getModalBody();
var m = n.find('input[type="checkbox"]');
$.each(m,
function() {
if ($(this).is(":checked") == true) {
$(this).trigger("click")
}
})
}
},
{
label: "添加用户",
action: function(m) {
i = m.getModalBody();
var n = i.find('input[type="checkbox"]');
var l = [];
$.each(n,
function() {
if ($(this).is(":checked") == true) {
l.push($(this).val())
}
});
$('input[name="toUsers"]').val(l);
m.close()
}
},
{
label: "取消",
action: function(l) {
l.close()
}
}]
})
})
};
return {
init: h
}
} ();
e.find('input[name="clear"]').unbind().click(function() {
e.find('input[name="toUsers"]').val("")
});
var a = function(i, g, f, h) {
if (i == "down" && g == "") {
Will.error("至少添加一位收件人！");
return false
}
if (f == "") {
Will.error("消息主题不能为空！");
return false
}
if (h == "") {
Will.error("消息内容不能为空！");
return false
}
return true
};
e.find('input[name="submit"]').unbind().click(function() {
var j = e.find('input[name="target"]:checked').val();
var g = e.find('input[name="toUsers"]').val();
var f = e.find('input[name="subject"]').val();
var h = e.find('textarea[name="content"]').val();
if (a(j, g, f, h)) {
var i = {
target: j,
tos: g,
subject: f,
content: h
};
d(i)
}
});
e.find('input[name="cancel"]').unbind().click(function() {
window.history.go( - 1)
}); (function() {
var f = App.getHash("target");
if (f) {
e.find('input[name="target"][value="' + f + '"]').trigger("click")
}
var g = App.getHash("username");
if (g) {
e.find('input[name="toUsers"]').val(g)
}
})()
};
$(document).ready(function() {
Will.changeTabs([initThisPage01, initThisPage02])
});