Mini.Crm/Mini.Web/Areas/Admin/Views/OutHHuser/User_extuserList.cshtml

230 lines
7.8 KiB
Plaintext

@{
ViewData["Title"] = "User_extuserList";
Layout = "~/Areas/Admin/Views/Shared/_content.cshtml";
}
@*<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>
<script src="~/Scripts/jquery.easyui.min.js"></script>
<link href="~/Content/themes/blue/easyui.css" rel="stylesheet" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" />
<link href="~/Content/main.css" rel="stylesheet" />
</head>
<body>
<div class="group content_title_width">
<span>企业微信监控2</span>
<div class="togglebtn"></div>
</div>
<div class="content_div">
<table id="wx_username_chatlist" class="bordered content_width" style="margin-left: 15px;">
<thead>
<tr>
<td>客户姓名</td>
<td>客户ID</td>
<td>客服姓名</td>
<td>客服id</td>
<td>查看</td>
</tr>
</thead>
<tbody>
@{ List<Mini.Model.ViewModel.Wx_ExuserModel> allmodel = ViewBag.ExuserList as List<Mini.Model.ViewModel.Wx_ExuserModel>; }
@foreach (Mini.Model.ViewModel.Wx_ExuserModel model in allmodel)
{
<tr>
<td>@Html.Raw(model.name)</td>
<td>@Html.Raw(model.extuserid)</td>
<td>@Html.Raw(model.uname)</td>
<td>@Html.Raw(model.userid)</td>
<td>
<a href="javascript:void(0);" onclick="ShowMesageDetialQw('@Html.Raw(model.corpid)','@Html.Raw(model.name)','@Html.Raw(model.extuserid)','@Html.Raw(model.uname)','@Html.Raw(model.userid)')">查看消息</a>
</td>
</tr>
}
</tbody>
</table>
</div>
<div id="modalwindow" class="easyui-window" data-options="modal:true,closed:true,minimizable:false,shadow:false"></div>
<script>
function GetIframeHtml(src) {
return "<iframe id='ifymbc' width='100%' height='98%' scrolling='no' frameborder='0'' src='" + src + "'></iframe>";
}
function ShowMesageDetialQw(corpid, name, extuserid, uname, userid) {
var url = "corpid=" + corpid + "&name=" + name + "&extuserid=" + extuserid + "&uname=" + uname + "&userid=" + userid;
$("#modalwindow").html(GetIframeHtml("OneMessage?" + url));
$("#modalwindow").window({
title: '聊天记录',
width: 600,
height: 450,
iconCls: 'icon-edit',
region: 'center',
top: ($(window).height() - 450) * 0.5,
left: ($(window).width() - 600) * 0.5
}).window('open');
}
</script>
</body>
</html>*@
<style>
.x-body {
padding: 20px;
}
</style>
<div class="x-body">
@if (ViewBag.isChoose)
{
<button class="layui-btn" id="userChoose">提交</button>
}
<table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
<br />
<table class="layui-hide" id="tabl2" lay-filter="tabl2"></table>
</div>
<script>
var lauidata = @Html.Raw(ViewBag.data);
var lauiRoomData = @Html.Raw(ViewBag.roomData);//群
layui.use('table', function () {
var table = layui.table;
table.render({
id: 'wxmessagelist',//列表别名ID
elem: '#tabl1',//表ID
data: lauidata,
page: false,
limit: 100,
cols: [
[{
field: 'nn', title: '<i class="layui-icon layui-icon-login-wechat" style="font-size: 16px; color: #319041;"></i> 单人聊天', colspan: 5
}]
,
[
{ field: 'checkobj', type: 'checkbox', fixed: 'left' }
,{ field: 'corpname', title: '企业号' }
, { field: 'name', title: '客户姓名' }
, { field: 'extuserid', title: '客户ID' }
, { field: 'uname', title: '客服姓名' }
, { field: 'userid', title: '客服id' }
, { field: 'action', title: '查看', templet: '#actionTpl' }
]
],
done: function (res, curr, count) {
//var hiddenRows = [];
//for (var i = 0; i < res.data.length; i++) {
// if (res.data[i].isOutDept === 1) { // 根据需要修改条件
// hiddenRows.push(i);
// }
//}
//console.log(hiddenRows.length);
// 隐藏行
//table.eachRows(function (index, item) {
// if (hiddenRows.includes(index)) {
// item.hide();
// }
//});
//for (var i in hiddenRows)
//{
// $("#tabl1 tr:")
//}
console.log(res.data);
var rows = [];
$.each(res.data,function(i,j){
if (!(j.isOutDept === 1))
{
rows.push(j);
}
});
res.data = rows;
console.log(res.data);
//table.reload('wxmessagelist', { data: res.data });
//$(".layui-table tr[data-index='" + i + "']").remove();
}
});
table.render({
id: 'room',//列表别名ID
elem: '#tabl2',//表ID
data: lauiRoomData,
cols: [[{
field: 'nn', title: '<i class="layui-icon layui-icon-group" style="font-size: 16px; color: #4374a7;"></i> 群聊', colspan: 5
}]
, [
{ field: 'roomid', title: '群ID' }
, { field: 'roomname', title: '群名称' }
, { field: 'ctimestr', title: '时间' }
, { field: 'action', title: '查看', templet: '#actionTpl2' }
]],
});
$('#userChoose').on('click', function () {
var checkdata = table.checkStatus('wxmessagelist');
var uidata = checkdata.data;
if (uidata.length == 0) {
layer.msg("请至少选中一条记录!", { icon: 7 });
return;
}
var list = [];
for (var i = 0; i < uidata.length; i++)
{
var item= uidata[i];
var obj = {
corpid:item.corpid,
corpname:item.corpname,
extuserid:item.extuserid,
userid:item.userid,
ename:item.ename,
eid:item.eid
}
list.push(obj);
}
window.parent.postMessage({ type: "extuserInfo", list: list }, "*");
});
});
function showMessage(corpid, name, extuserid, uname, userid) {
//alert(username);
//alert(jobwxusername);
//alert(companycode);
var ext_flag = "@Html.Raw($"&ext_flag={Mini.Common.Utility.EncryptUrlEncode(Mini.Common.Utility.ConvertDateTimeLong(DateTime.Now).ToString()).ToString()}")";
var url = "MessageDetial?isgroup=false&corp=" + corpid + "&nickname=" + name + "&customer=" + extuserid + "&uname=" + uname + "&userid=" + userid + "&eid=@Html.Raw(ViewBag.eid)" + "&IsHg=@Html.Raw(ViewBag.isHg)" + ext_flag;
layui.use('layer', function () {
var layer = layui.layer;
layer.open({
title: '微信聊天信息',
type: 2,
content: url,
area: ['90%', '90%']
});
});
}
function showGroup(corpid, roomid) {
//alert(username);
//alert(jobwxusername);
//alert(companycode);
var url = "GroupRoom?isgroup=true&corp=" + corpid + "&roomid=" + roomid + "&IsHg=@Html.Raw(ViewBag.isHg)";
layui.use('layer', function () {
var layer = layui.layer;
layer.open({
title: '企业微信群聊天记录',
type: 2,
content: url,
area: ['90%', '90%']
});
});
}
</script>
<script type="text/html" id="actionTpl">
{{# if(d.isOutDept != 1) { }}
<a href="javascript:void(0)" onclick="showMessage('{{d.corpid}}','{{encodeURIComponent(d.name.replace(/'/g,""))}}','{{d.extuserid}}','{{encodeURIComponent(d.uname.replace(/'/g,""))}}','{{d.userid}}')" style="color:red">查看</a>
{{# }else{ }}
<a href="javascript:void(0)" style="color:darkgray">无权查看</a>
{{# } }}
</script>
<script type="text/html" id="actionTpl2">
<a href="javascript:void(0)" onclick="showGroup('{{d.corp}}','{{d.roomid}}')" style="color:red">查看</a>
</script>