344 lines
13 KiB
Plaintext
344 lines
13 KiB
Plaintext
@using WX.CRM.Model.MAP
|
||
@using WX.CRM.WebHelper;
|
||
@using WX.CRM.Common
|
||
@{
|
||
ViewBag.Title = "微信聊天记录";
|
||
Layout = "~/Views/Shared/_workLayout2.cshtml";
|
||
}
|
||
<link href="~/layui-v2.5.4/css/common.css" rel="stylesheet" />
|
||
<style type="text/css">
|
||
.mycolor {
|
||
color: red;
|
||
}
|
||
|
||
.displayLi {
|
||
display: none;
|
||
}
|
||
|
||
.displayBody {
|
||
display: none;
|
||
}
|
||
|
||
.redColor {
|
||
color: red;
|
||
}
|
||
|
||
.divcontent {
|
||
width: 230px;
|
||
}
|
||
</style>
|
||
<style type="text/css">
|
||
.headstyle {
|
||
font-family: MicrosoftYaHei-Bold;
|
||
font-size: 14px;
|
||
color: #333333;
|
||
/*font-weight: bold;*/
|
||
padding: 20px 0 0 10px;
|
||
}
|
||
|
||
.layui-dl .toptitlechose a {
|
||
font-weight: 500;
|
||
}
|
||
|
||
.menuleft {
|
||
padding-left: 0px;
|
||
}
|
||
|
||
|
||
.mytree .layui-tree {
|
||
margin-left: 0;
|
||
}
|
||
|
||
.mytree .layui-tree-set .layui-tree-txt {
|
||
/*color: #333;*/
|
||
color: black;
|
||
font-size: 15px;
|
||
font-weight: 400;
|
||
font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","PingFang SC","Microsoft YaHei","微软雅黑",SimSun,"宋体",Heiti,"黑体",sans-serif;
|
||
}
|
||
|
||
.mytree .layui-tree-lineExtend .layui-tree-txt {
|
||
color: #666;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","PingFang SC","Microsoft YaHei","微软雅黑",SimSun,"宋体",Heiti,"黑体",sans-serif;
|
||
}
|
||
|
||
.mytree .layui-tree-entry {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
}
|
||
|
||
.mytree .layui-tree-spread .layui-tree-iconArrow:after {
|
||
border-width: 5px;
|
||
border-style: solid;
|
||
border-color: #999ca2 transparent transparent transparent;
|
||
margin-top: 3px;
|
||
}
|
||
|
||
.mytree .layui-tree-lineExtend .layui-tree-set:hover {
|
||
box-sizing: border-box;
|
||
border-right: 3px red solid !important;
|
||
}
|
||
|
||
.mytree .layui-tree-lineExtend .layui-tree-set:hover .layui-tree-txt {
|
||
color: black;
|
||
}
|
||
|
||
.treeClick {
|
||
box-sizing: border-box;
|
||
border-right: 3px red solid !important;
|
||
}
|
||
|
||
.treeClick .layui-tree-txt {
|
||
color: black !important;
|
||
}
|
||
/*.mytree .layui-tree-lineExtend .layui-tree-iconClick {
|
||
margin: 0 5px;
|
||
}*/
|
||
.mytree .layui-tree-txt {
|
||
width: 180px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.mysort {
|
||
background: url(/image/sort.png) no-repeat center;
|
||
width: 22px;
|
||
height: 22px;
|
||
font-size: 22px;
|
||
background-size: 100%;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.mydorp .layui-form-select dl {
|
||
left: -120px;
|
||
top: 35px;
|
||
}
|
||
|
||
.mydrp li {
|
||
padding: 5px 10px 5px 10px;
|
||
}
|
||
|
||
.mydrp .choose {
|
||
color: red;
|
||
}
|
||
|
||
.mydrp li:hover {
|
||
background-color: #eaf2ff;
|
||
border: 1px solid #d2d2d2;
|
||
border-radius: 2px;
|
||
}
|
||
</style>
|
||
@{
|
||
//List<object> rcontact1 = new List<object>();
|
||
List<object> rcontact2 = new List<object>();
|
||
List<object> rcontact3 = new List<object>();
|
||
List<object> rcontact4 = new List<object>();
|
||
//List<Wx_WorkGroupRcontact> groupList = ViewBag.grouplist as List<Wx_WorkGroupRcontact>;
|
||
string isShowGroupMsg = ViewBag.isShowGroupMessage as string;
|
||
foreach (WX_WorkRCONTACT rcontact in ViewBag.rcontactList as List<WX_WorkRCONTACT>)
|
||
{
|
||
if (rcontact.USERNAME.StartsWith("fake_") || rcontact.USERNAME == "filehelper" || rcontact.NICKNAME == "微信团队")
|
||
{
|
||
continue;
|
||
}
|
||
string txt = WX.CRM.WEB.Handler.WxMessageHandler.GetRcontactNickName(rcontact);
|
||
string title = "昵 称：" + rcontact.NICKNAME;
|
||
title += "\n用 户 名：" + rcontact.USERNAME;
|
||
title += "\n备 注：" + rcontact.CONREMARK;
|
||
title += "\n" + "最近聊天：" + (rcontact.LASTCHARTIME == 0 ? "" : DateTimeTool.GetTimeFromLinuxTime(Convert.ToInt64(rcontact.LASTCHARTIME)).ToString("yyyy-MM-dd"));
|
||
if (rcontact.isblacklist == 1)
|
||
{
|
||
|
||
rcontact4.Add(new { title = txt, id = rcontact.PKID, username = rcontact.USERNAME, txt = title });
|
||
}
|
||
else if (!string.IsNullOrEmpty(rcontact.WUSERNAME) || !string.IsNullOrEmpty(rcontact.NUSERNAME) || rcontact.NICKNAME.IndexOf("懂牛") > -1 || rcontact.NICKNAME.IndexOf("千本嘉") > -1 || rcontact.NICKNAME.IndexOf("东方高圣") > -1)
|
||
{
|
||
rcontact3.Add(new { title = txt, id = rcontact.PKID, username = rcontact.USERNAME, txt = title });
|
||
}
|
||
//else if (!string.IsNullOrEmpty(rcontact.FUSERNAME))
|
||
//{
|
||
// //rcontact1.Add(rcontact);
|
||
// rcontact1.Add(new { title = txt, id = rcontact.PKID, username = rcontact.USERNAME, txt = title });
|
||
//}
|
||
else
|
||
{
|
||
//rcontact2.Add(rcontact);
|
||
rcontact2.Add(new { title = txt, id = rcontact.PKID, username = rcontact.USERNAME, txt = title });
|
||
}
|
||
}
|
||
|
||
var obj = new List<object>
|
||
{
|
||
//new { title = "被加 ("+rcontact1.Count+"人)", id = 1, spread = false,children=rcontact1 },
|
||
new { title = "好友 ("+rcontact2.Count+"人)", id = -2, spread = false,children=rcontact2 },
|
||
new { title = "拉黑/删除 ("+rcontact4.Count+"人)", id = -3, spread = false,children=rcontact4 },
|
||
new { title = "同事 ("+rcontact3.Count+"人)", id = -4, spread = false,children=rcontact3 }
|
||
};
|
||
if (isShowGroupMsg == "true")
|
||
{
|
||
List<object> grouplist = new List<object>() { };
|
||
List<Wx_WorkGroupRcontact> groupList = ViewBag.grouplist as List<Wx_WorkGroupRcontact>;
|
||
foreach (var group in groupList)
|
||
{
|
||
if (group.chatRoomName.StartsWith("fake_") || group.chatRoomName == "filehelper" || group.chatRoomName == "微信团队")
|
||
{
|
||
continue;
|
||
}
|
||
string txt = string.IsNullOrEmpty(group.groupName) ? group.shortName : group.groupName;
|
||
string title = "群 名 称：" + group.groupName;
|
||
title += "\n群号：" + group.chatRoomName;
|
||
title += "\n备注：" + group.shortName;
|
||
title += "\n" + "最近聊天：" + (group.LASTCHARTIME == 0 ? "" : DateTimeTool.GetTimeFromLinuxTime(Convert.ToInt64(group.LASTCHARTIME)).ToString("yyyy-MM-dd"));
|
||
grouplist.Add(new { title = txt, id = group.chatRoomName, username = group.chatRoomName, txt = title });
|
||
}
|
||
obj.Add(new { title = "微信群 (" + grouplist.Count + "个)", id = -4, spread = false, children = grouplist });
|
||
}
|
||
}
|
||
<script>
|
||
var leftmenudata =@Html.Raw(WX.CRM.WebHelper.JsonHelper.ObjDivertToJson(obj));
|
||
$(function () {
|
||
$(".downpanel").on("click", ".layui-select-title", function (e) {
|
||
$(".layui-form-select").not($(this).parents(".layui-form-select")).removeClass("layui-form-selected");
|
||
$(this).parents(".downpanel").toggleClass("layui-form-selected");
|
||
layui.stope(e);
|
||
}).on("click", "dl i", function (e) {
|
||
layui.stope(e);
|
||
});
|
||
|
||
});
|
||
|
||
//JavaScript代码区域
|
||
layui.use(['element', 'form', 'tree', 'layedit', 'laydate'], function () {
|
||
var tree = layui.tree;
|
||
var element = layui.element;
|
||
var form = layui.form
|
||
, layer = layui.layer
|
||
, layedit = layui.layedit
|
||
, laydate = layui.laydate;
|
||
tree.render({
|
||
elem: '#test13'
|
||
, data: leftmenudata
|
||
, showLine: false //是否开启连接线
|
||
, accordion: false
|
||
, click: function (obj) {
|
||
if (obj.data.id < 0) {
|
||
|
||
} else {
|
||
$(".treeClick").removeClass("treeClick");
|
||
$(obj.elem).addClass("treeClick");
|
||
ShowMessage(obj.data.username, obj.data.title);
|
||
|
||
}
|
||
}
|
||
|
||
});
|
||
$(leftmenudata).each(function (ax, asd) {
|
||
$(asd.children).each(function (a, b) {
|
||
$("[data-id='" + b.id + "']").attr("title", b.txt).attr("username", b.username).attr("nickname", b.title);
|
||
});
|
||
});
|
||
var rcontactval=$(".mydrp .choose").attr("value");
|
||
$("#classtree li").click(function () {
|
||
var nowvalue=$(this).attr("value");
|
||
if (rcontactval != nowvalue) {
|
||
var workusername = "@Html.Raw(Request.QueryString["workusername"])";
|
||
var columnsort = nowvalue;
|
||
var column = "";
|
||
var sort = "";
|
||
if (columnsort !== "") {
|
||
var columnsortArr = columnsort.split('_');
|
||
column = columnsortArr[0];
|
||
sort = columnsortArr[1];
|
||
}
|
||
window.location.href = "MyMessage?workusername=" + workusername + "&column=" + column + "&sort=" + sort;
|
||
}
|
||
});
|
||
$("#btnSearch").click(function () {
|
||
$(".displayLi").each(function (i, n) {
|
||
$(this).removeClass("displayLi");
|
||
});
|
||
$(".redColor").each(function (i, n) {
|
||
$(this).after($(this).attr("ntitle"));
|
||
$(this).remove();
|
||
});
|
||
var txt = $("#findTxt").val();
|
||
if (txt == "")
|
||
return;
|
||
$("#test13 .layui-tree-set[title] .layui-tree-txt").each(function (as, ba) {
|
||
//console.log(ba);
|
||
var html = $(ba).html();
|
||
html = html.replace(txt, "<b ntitle=\"" + txt + "\" class=\"redColor\">" + txt + "</b>");
|
||
$(ba).html(html);
|
||
if (html.indexOf("redColor") == -1) {
|
||
$(this).parent().parent().parent().addClass("displayLi");
|
||
}
|
||
});
|
||
//$("#allfriend dd").each(function () {
|
||
// var html = $(this).children("a").html();
|
||
// //console.log(html);
|
||
// html = html.replace(txt, "<b ntitle=\"" + txt + "\" class=\"redColor\">" + txt + "</b>");
|
||
// $(this).children("a").html(html);
|
||
// if (html.indexOf("redColor") == -1) {
|
||
// $(this).addClass("displayLi");
|
||
// }
|
||
//});
|
||
});
|
||
});
|
||
function ShowMessage(username,nickname) {
|
||
$("#myframe").attr("src", "MessageDetial?type=MessageList&workusername=@Html.Raw(Request.QueryString["workusername"])&workAccountName=@Html.Raw(ViewBag.workAccountName)&username=" + username + "&nickname=" + nickname);
|
||
}
|
||
</script>
|
||
|
||
@section leftmenu{
|
||
|
||
<div class="headstyle">
|
||
<form class="layui-form" action="">
|
||
<div class="layui-form-item">
|
||
<div class="layui-inline" style="margin-right:0px;">
|
||
<div class="layui-input-inline" style="width:130px;vertical-align: middle;margin-right: 5px;">
|
||
<input type="text" class="layui-input" id="findTxt" style="height:32px;" value="" placeholder="用户名昵称">
|
||
</div>
|
||
<div class="layui-input-inline" style="width:50px;margin-right: 0px;">
|
||
<input type="button" class="layui-btn layui-btn-sm layui-btn-ok" lay-filter="btnSearch" id="btnSearch" value="查找" />
|
||
</div>
|
||
<div class="layui-input-inline mydorp" style="width:20px;">
|
||
<div class="layui-unselect layui-form-select downpanel">
|
||
<div class="layui-select-title">
|
||
<i class="self_icon mysort" title="排序"></i>
|
||
</div>
|
||
<dl class="layui-anim layui-anim-upbit">
|
||
<dd style="padding:0px;">
|
||
@{
|
||
string myvalue = Request.QueryString["column"];
|
||
string sort = Request.QueryString["sort"];
|
||
string allstr = string.Format("{0}_{1}", myvalue, sort);
|
||
}
|
||
<ul id="classtree" class="mydrp">
|
||
<li value="ctime_asc" class="@Html.Raw(allstr=="ctime_asc"?"choose":"")">客户添加时间倒序↓</li>
|
||
<li value="ctime_desc" class="@Html.Raw(allstr=="ctime_desc"?"choose":"")">客户添加时间顺序↑</li>
|
||
<li value="lastchattime_asc" class="@Html.Raw(allstr=="lastchattime_asc"?"choose":"")">最后聊天时间倒序↓</li>
|
||
<li value="lastchattime_desc" class="@Html.Raw(allstr=="lastchattime_desc"?"choose":"")">最后聊天时间顺序↑</li>
|
||
</ul>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<hr class="menuhr" style="margin-top:10px;" />
|
||
<div class="layui-side-scroll myscrolcss" style="width:100%;height:calc(100% - 80px);overflow-y:auto;">
|
||
<div id="test13" class="demo-tree-more mytree" style="width:227px;position: absolute;"></div>
|
||
</div>
|
||
}
|
||
@section rightcontent{
|
||
<iframe id="myframe" frameborder="0" src="MessageDetial?workusername=@Html.Raw(Request.QueryString["workusername"])&workAccountName=@Html.Raw(ViewBag.workAccountName)" style="width:100%;height:100%;" />
|
||
}
|
||
|
||
|
||
|