@{
    ViewBag.Title = "聊天记录";
    Layout = "~/Areas/Admin/Views/Shared/_EasyUI_Layout.cshtml";
}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style>
    #wochalei {
        height: 30px;
        width: 100%;
        background-color: #536484;
    }

        #wochalei ul {
            padding: 0px;
            font-size: 12px;
            color: #FFF;
            line-height: 26px;
            whitewhite-space: nowrap;
        }

        #wochalei li {
            list-style-type: none;
        }

            #wochalei li span {
                text-decoration: none;
                font-family: Arial, Helvetica, sans-serif;
                padding: 7px 5px;
                width: 100%;
            }

    .rcontacthover {
        color: #ff0;
        background-color: #7E8BA3;
    }

    .rcontactClick {
        color: #ff0;
        background-color: #8988AE;
    }

    .isSelf {
        color: #006EFE;
        padding-left: 10px;
    }

    .isFriend {
        color: #42B475;
        padding-left: 10px;
    }

    .message {
        padding-left: 20px;
    }

    .redColor {
        color: red;
    }

    .displayLi {
        display: none;
    }

    .contentTable td {
        font-size: 12px;
        line-height: 26px;
        max-width: 500px;
    }

    .imageClass {
        max-width: 200px;
    }

    .miniimageClass {
        max-width: 100px;
    }

    .outhertable {
        border: 2px solid #757875;
    }
</style>

<style>
    .piclink {
        border: #b5b2b2 1px solid;
        width: 280px;
        height: 150px;
        padding: 20px;
    }

        .piclink a {
            color: #757875;
            text-decoration: none;
        }

            .piclink a:link {
                color: black;
            }
            /* 未被访问的链接 */
            .piclink a:visited {
            }
            /* 已被访问的链接 */
            .piclink a:hover {
                color: black;
            }
            /* 鼠标指针移动到链接上 */
            .piclink a:active {
            }
        /* 正在被点击的链接 */

        .piclink .pictitle {
            font-size: 16px;
            font-weight: bold;
        }

        .piclink .piccontent {
            font-size: 12px;
            margin-top: 10px;
            width: 210px;
            float: left;
            display: -webkit-box; /*  display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示  */
            -webkit-box-orient: vertical; /*  -webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式  */
            -webkit-line-clamp: 4; /*  -webkit-line-clamp用来限制在一个块元素显示的文本的行数 */
            overflow: hidden;
        }

        .piclink .picimg {
            width: 60px;
            height: 60px;
            float: right;
            object-fit: cover;
        }
</style>

@*[微笑][撇嘴][色][发呆][得意][流泪][害羞][闭嘴][睡][大哭][尴尬][发怒][调皮][呲牙]
    [惊讶][难过][囧][抓狂][吐][偷笑][愉快][白眼][傲慢][困][惊恐][流汗][憨笑][悠闲]
    [奋斗][咒骂][疑问][嘘][晕][衰][骷髅][敲打][再见][擦汗][抠鼻][鼓掌][坏笑]
    [左哼哼][右哼哼][哈欠][鄙视][委屈][快哭了][阴险][亲亲][可怜][菜刀][西瓜]
    [啤酒][咖啡][猪头][玫瑰][凋谢][嘴唇][爱心][心碎][蛋糕][炸弹][便便][月亮]
    [太阳][拥抱][强][弱][握手][胜利][抱拳][勾引][拳头][OK][跳跳][发抖][怄火][转圈]
    [嘿哈][捂脸][奸笑][机智][皱眉][耶][茶][红包][蜡烛]*@
<script type="text/JavaScript" language="javascript">
    var face = [{ name: "[微笑]", imgpath: "0.png" }, { name: "[撇嘴]", imgpath: "1.png" }, { name: "[色]", imgpath: "2.png" }, { name: "[发呆]", imgpath: "3.png" },
    { name: "[得意]", imgpath: "4.png" }, { name: "[流泪]", imgpath: "5.png" }, { name: "[害羞]", imgpath: "6.png" }, { name: "[闭嘴]", imgpath: "7.png" }, { name: "[睡]", imgpath: "8.png" },
    { name: "[大哭]", imgpath: "9.png" }, { name: "[尴尬]", imgpath: "10.png" }, { name: "[发怒]", imgpath: "11.png" }, { name: "[调皮]", imgpath: "12.png" },
    { name: "[呲牙]", imgpath: "13.png" }, { name: "[惊讶]", imgpath: "14.png" }, { name: "[难过]", imgpath: "15.png" }, { name: "[酷]", imgpath: "16.png" },
    { name: "[囧]", imgpath: "17.png" }, { name: "[抓狂]", imgpath: "18.png" }, { name: "[吐]", imgpath: "19.png" }, { name: "[偷笑]", imgpath: "20.png" },
    { name: "[愉快]", imgpath: "21.png" }, { name: "[白眼]", imgpath: "22.png" }, { name: "[傲慢]", imgpath: "23.png" },
    { name: "[饿]", imgpath: "24.png" }, { name: "[困]", imgpath: "25.png" }, { name: "[惊恐]", imgpath: "26.png" },
    { name: "[流汗]", imgpath: "27.png" }, { name: "[憨笑]", imgpath: "28.png" }, { name: "[悠闲]", imgpath: "29.png" }, { name: "[奋斗]", imgpath: "30.png" },
    { name: "[咒骂]", imgpath: "31.png" }, { name: "[疑问]", imgpath: "32.png" }, { name: "[嘘]", imgpath: "33.png" }, { name: "[晕]", imgpath: "34.png" },
    { name: "[疯]", imgpath: "35.png" }, { name: "[衰]", imgpath: "36.png" }, { name: "[骷髅]", imgpath: "37.png" },
    { name: "[敲打]", imgpath: "38.png" }, { name: "[再见]", imgpath: "39.png" }, { name: "[擦汗]", imgpath: "40.png" },
    { name: "[抠鼻]", imgpath: "41.png" }, { name: "[鼓掌]", imgpath: "42.png" }, { name: "[糟糕]", imgpath: "43.png" },
    { name: "[坏笑]", imgpath: "44.png" }, { name: "[左哼哼]", imgpath: "45.png" },
    { name: "[右哼哼]", imgpath: "46.png" }, { name: "[哈欠]", imgpath: "47.png" },
    { name: "[鄙视]", imgpath: "48.png" }, { name: "[委屈]", imgpath: "49.png" },
    { name: "[快哭了]", imgpath: "50.png" }, { name: "[阴险]", imgpath: "51.png" },
    { name: "[亲亲]", imgpath: "52.png" }, { name: "[吓]", imgpath: "53.png" },
    { name: "[可怜]", imgpath: "54.png" }, { name: "[菜刀]", imgpath: "55.png" },
    { name: "[西瓜]", imgpath: "56.png" }, { name: "[啤酒]", imgpath: "57.png" },
    { name: "[篮球]", imgpath: "58.png" }, { name: "[乒乓]", imgpath: "59.png" },
    { name: "[咖啡]", imgpath: "60.png" }, { name: "[美食]", imgpath: "61.png" },
    { name: "[猪头]", imgpath: "62.png" }, { name: "[玫瑰]", imgpath: "63.png" },
    { name: "[凋谢]", imgpath: "64.png" }, { name: "[嘴唇]", imgpath: "65.png" },
    { name: "[爱心]", imgpath: "66.png" }, { name: "[心碎]", imgpath: "67.png" },
    { name: "[蛋糕]", imgpath: "68.png" }, { name: "[电]", imgpath: "69.png" }, { name: "[炸弹]", imgpath: "70.gif" }, { name: "[便便]", imgpath: "71.gif" },
    { name: "[月亮]", imgpath: "72.gif" }, { name: "[太阳]", imgpath: "73.gif" }, { name: "[拥抱]", imgpath: "74.png" }, { name: "[强]", imgpath: "75.gif" }, { name: "[弱]", imgpath: "76.gif" },
    { name: "[握手]", imgpath: "77.gif" }, { name: "[胜利]", imgpath: "78.gif" }, { name: "[抱拳]", imgpath: "79.gif" }, { name: "[勾引]", imgpath: "80.gif" },
    { name: "[拳头]", imgpath: "81.gif" }, { name: "[OK]", imgpath: "82.gif" }, { name: "[跳跳]", imgpath: "83.gif" }, { name: "[发抖]", imgpath: "84.gif" },
    { name: "[怄火]", imgpath: "85.png" }, { name: "[转圈]", imgpath: "86.gif" }
    ];
</script>

<script type="text/javascript">
    var httpurl = "@Html.Raw(Mini.Common.Utility.GetSettingByKey("HHMessageFile"))";
    var innerhttp = "@Html.Raw(Mini.Common.Utility.GetSettingByKey("InnerFile"))";//内网获取json必须使用内网地址
    var nowlocation = window.location.href;
    if (nowlocation.indexOf("192.168.1.") > -1 || nowlocation.indexOf("192.168.11.") > -1 || nowlocation.indexOf("localhost") > -1) {//内网无疑
        httpurl = innerhttp;
    }
    var sortBy = function (filed, rev, primer) {
        rev = (rev) ? -1 : 1;
        return function (a, b) {
            a = a[filed];
            b = b[filed];
            if (typeof (primer) != 'undefined') {
                a = primer(a);
                b = primer(b);
            }
            if (a < b) { return rev * -1; }
            if (a > b) { return rev * 1; }
            return 1;
        }
    };
    var clickValue;
    $(function () {
        ShowMessage();
    });
    function ShowMessage() {

        $("#henniubai").html("");
        var tab = $('#tt').tabs('getTab', 0);  // 取得第一个tab
        $('#tt').tabs('update', {
            tab: tab,
            options: {
                title: '消息内容'
            }
        });

        $("#txtDate").attr("style", "");
        $("#txtGL").attr("style", "");
        GetMessage();

    }
    var chatRoomNumber;
    var chatName;

    //排序
    function bubbleSort(arr) {
        var len = arr.length, j;
        var temp;
        var wn, xn;
        while (len > 0) {
            for (j = 0; j < len - 1; j++) {
                wn = GetMonth(arr[j].replace(".json", "").replace(chatName + "_", ""));
                xn = GetMonth(arr[j + 1].replace(".json", "").replace(chatName + "_", ""));
                if (arr[j] < arr[j + 1]) {
                    temp = arr[j];
                    arr[j] = arr[j + 1];
                    arr[j + 1] = temp;
                }
            }
            len--;
        }
        return arr;
    }
    function GetMonth(xmn) {
        if (xmn.length == 5) {
            var mnmm = xmn.substring(0, 4) + "0" + xmn.substring(4, 5);
            return mnmm;
        }
        else
            return xmn;
    }



    //普通消息
    function GetMessage() {

        //ViewBag.userid = userid;
        //ViewBag.uname = uname;
        ajaxLoading();
        $("#contentBody").html("");
        var userid = "@Html.Raw(ViewBag.userid)";
        var uname = "@Html.Raw(ViewBag.uname)";
        var copt = "@Html.Raw(ViewBag.corpid)";

        var nvalue = "@Html.Raw(ViewBag.extuserid)";// $(clickValue).attr("nvalue");
        var customername ="@Html.Raw(ViewBag.name)";
        var isqunliao = "false";
        var url = "";
        if (isqunliao == "false") {
            url = innerhttp + "userjson?corpid=" + copt+"&user=" + userid + "&customer=" + nvalue + "&i=" + GetGuid();
        } else {
            url = innerhttp + "roomjson?corpid=" + copt +"&roomid=" + nvalue + "&i=" + GetGuid();
        }

        GetMessageByUrl(url, "contentBody", userid, uname, customername, isqunliao);
        ajaxLoadEnd();
    }
    function GetMessageByUrl(url, tabName, userid, uname, customername, isqunliao) {
        var copt = "@Html.Raw(ViewBag.corpid)";
        $.ajax({
            type: "GET",
            url: "/Admin/OutHHuser/GetPath?url=" + encodeURIComponent(url),
            dataType: "text",
            async: false,
            crossDomain: true,
            success: function (data) {
                var workAccountName = uname;
                var json = JSON.parse(data);
                if (json != null && json.length > 0) {
                    json.sort(sortBy('seq', false, parseInt));
                    $(json).each(function (i, da) {
                        //var newDate = new Date();
                        //newDate.setTime(da.createTime);

                        var dataStr = da.msgtime;//聊天时间
                        var html = "";
                        if (da.from == userid) {//发送
                            html += "<tr><td class=\"isSelf\">" + workAccountName + " " + dataStr + "</td></tr>";
                        } else {
                            if (isqunliao == "true") {
                                html += "<tr><td class=\"isFriend\">" + da.from + " " + dataStr + "</td></tr>";
                            } else {
                                html += "<tr><td class=\"isFriend\">" + ReplaceMobile(customername) + " " + dataStr + "</td></tr>";
                            }
                        }
                        console.log(da.msgtype);
                        if (da.msgtype == "image" || da.msgtype == "emotion") {
                            html += "<tr><td class=\"message\">[图片]：<img  style='max-width:300px' id='file_" + da.seq + "' src='" + httpurl + "mediafile?corpid=" + copt+"&fname=" + da.nfile + "' ></td></tr>";
                            $("#" + tabName).append(html);
                            //GetFilPath(da);
                        } else if (da.msgtype == "voice") {
                            html += "<tr><td class=\"message\"><a id='file_" + da.id + "'  href=\"javascript:PalyRecord('" + httpurl + "playamr?corpid=" + copt +"&fname=" + da.nfile + "')\" >[语音]<a></td></tr>";
                            $("#" + tabName).append(html);
                            //GetFilPath(da);
                        } else if (da.msgtype == "video") {
                            html += "<tr><td class=\"message\"><a id='file_" + da.id + "'  href='" + httpurl + "mediafile?corpid=" + copt +"&fname=" + da.nfile + "' target='_blank' >[视频]<a></td></tr>";
                            $("#" + tabName).append(html);
                            //GetFilPath(da);
                        } else if (da.msgtype == "file") {
                            html += "<tr><td class=\"message\"><a id='file_" + da.id + "'  href='" + httpurl + "mediafile?corpid=" + copt +"&fname=" + da.nfile + "' target='_blank' >[文件]<a></td></tr>";
                            $("#" + tabName).append(html);
                            //GetFilPath(da);
                        }
                        else if (da.msgtype == "text") {//普通文本
                            html += "<tr><td class=\"message\">" + replaceFace(da.content) + "</td></tr>";
                            $("#" + tabName).append(html);
                        } else if (da.msgtype == "link") {
                            var extjson = JSON.parse(da.ext);
                            var exthtml = '<div class="piclink"> <a href="' + extjson.link.link_url + '" target="_blank"> <div class="pictitle">' + extjson.link.title + '</div> <div class="piccontent">' + extjson.link.description + '</div><img class="picimg" src="' + extjson.link.image_url + '"></a></div>';
                            html += "<tr><td class=\"message\">" + exthtml + "</td></tr>";
                            $("#" + tabName).append(html);
                        } else if (da.msgtype == "chatrecord") {//转接聊天记录
                            var extjson = JSON.parse(da.ext);
                            var titleZF = extjson.chatrecord.title;
                            if (titleZF.indexOf("和") == -1 && titleZF.indexOf("与") == -1) {
                                titleZF = "<span  style='color:#ec9a31;font-weight: bold;'>" + titleZF + "</span>";
                            } else {
                                if (titleZF.indexOf("和") > -1) {
                                    var mutitle = titleZF.split('和');
                                    titleZF = "<span  style='color:#ec9a31;font-weight: bold;'>" + mutitle[0] + "</span> 和 <span  style='color:#ec9a31;font-weight: bold;'>" + mutitle[1] + "</span>";
                                } else if (titleZF.indexOf("与") > -1) {
                                    var mutitle = titleZF.split('与');
                                    titleZF = "<span  style='color:#ec9a31;font-weight: bold;'>" + mutitle[0] + "</span> 与 <span  style='color:#ec9a31;font-weight: bold;'>" + mutitle[1] + "</span>";
                                }
                            }
                            html += "<tr><td class=\"message\">[转发聊天记录]：" + titleZF;
                            html += "  <table class=\"contentTable outhertable\" ><tbody>";
                            $(extjson.chatrecord.item).each(function (za, qq) {
                                var newDate = new Date();
                                var newlong = parseInt(qq.msgtime.toString() + "000");
                                newDate.setTime(newlong);
                                var saildstr = getNowFormatDate(newDate);
                                html += "<tr><td class=\"isSelf\">" + saildstr + "</td></tr>";
                                if (qq.type == "ChatRecordText") {//普通文本
                                    var contentx = JSON.parse(qq.content);
                                    html += "<tr><td class=\"message\">" + replaceFace(contentx.content) + "</td></tr>";
                                    //$("#" + tabName).append(html);
                                } else if (qq.type == "ChatRecordImage") {
                                    var contentx = JSON.parse(qq.content);
                                    html += "<tr><td class=\"message\">[图片]：<img  style='max-width:300px' id='file_" + contentx.md5sum + "' src='" + httpurl + "mediafile?corpid=" + copt + "&fname=" + contentx.md5sum + ".jpg' ></td></tr>";
                                    //$("#" + tabName).append(html);
                                } else if (qq.type == "ChatRecordVoice") {
                                    var contentx = JSON.parse(qq.content);
                                    html += "<tr><td class=\"message\"><a id='file_" + contentx.md5sum + "'  href=\"javascript:PalyRecord('" + httpurl + "playamr?corpid=" + copt + "&fname=" + contentx.md5sum + ".amr')\" >[语音]<a></td></tr>";
                                } else if (qq.type == "ChatRecordVideo") {
                                    var contentx = JSON.parse(qq.content);
                                    html += "<tr><td class=\"message\"><a id='file_" + contentx.md5sum + "'  href='" + httpurl + "mediafile?corpid=" + copt + "&fname=" + contentx.md5sum + ".mp4' target='_blank' >[视频]<a></td></tr>";
                                }
                                else if (qq.type == "ChatRecordFile") {
                                    var contentx = JSON.parse(qq.content);
                                    html += "<tr><td class=\"message\"><a id='file_" + contentx.md5sum + "'  href='" + httpurl + "mediafile?corpid=" + copt + "&fname=" + contentx.md5sum + "." + contentx.fileext + "' target='_blank' >文件：[" + contentx.filename + "]<a></td></tr>";
                                    //$("#" + tabName).append(html);
                                } else if (qq.type == "ChatRecordLink") {
                                    var contentx = JSON.parse(qq.content);
                                    var exthtml = '<div class="piclink"> <a href="' + contentx.link_url + '" target="_blank"> <div class="pictitle">' + contentx.title + '</div> <div class="piccontent">' + contentx.description + '</div><img class="picimg" src="' + contentx.image_url + '"></a></div>';
                                    html += "<tr><td class=\"message\">" + exthtml + "</td></tr>";
                                    //$("#" + tabName).append(html);
                                } else {
                                    html += "<tr><td class=\"message\">" + replaceFace(qq.content) + "</td></tr>";
                                }
                            });
                            html += "</tbody></table></td></tr>";
                            $("#" + tabName).append(html);
                        }else {
                            html += "<tr><td class=\"message\">" + replaceFace(da.ext) + "</td></tr>";
                            $("#" + tabName).append(html);
                        }
                    });
                } else {
                    $("#" + tabName).append("<tr><td><span style='font-size:16px;'>**********无聊天记录**********</span></td></tr>");
                }
            }
        });
    }

    function urlShibie(urlcontent) {
        var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
        if (!reg.exec(urlcontent)) {
            return urlcontent;
        } else {
            urlcontent = urlcontent.replace(reg, "<a href='$1$2' target='_blank'>$1$2</a>");
            return urlcontent;
        }
    }

    //替换表情
    function replaceFace(cotent) {
        var txt = cotent;
        $(face).each(function (i, n) {
            while (txt.indexOf(n.name) > -1) {
                txt = txt.replace(n.name, "<img src=\"/Face/" + n.imgpath + "\">");
            }
        });

        return txt;
    }
    function IsContainMobile(content)
    {
        var txt = content;
        //匹配是否有红包信息，有红包信息直接返回
        if (txt.match(/(weixin:\/\/weixinhongbao)/g)) {
            return false;
        }
        //var myreg = /(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(18[0-9]{1}|(17[0-9]{1}))|(19[0-9]{1}))+\d{8})/;
        //var reg = new RegExp(myreg, "g");
        //if (txt.match(reg)) {
        //    return true;
        //}
        //return false;
        var reg = /[1][0-9]{10}/;
        return reg.test(txt);
    }
    //linux时间格式化
    function getNowFormatDate(date) {
        //var date = new Date();
        var seperator1 = "-";
        var seperator2 = ":";
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
                + " " + date.getHours() + seperator2 + date.getMinutes()
                + seperator2 + date.getSeconds();
        return currentdate;
    }
    function findTxt() {
        $(".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;
        $("#friendList li").each(function () {
            var html = $(this).html();
            html = html.replace(txt, "<b ntitle=\"" + txt + "\" class=\"redColor\">" + txt + "</b>");
            $(this).html(html);
            if (html.indexOf("redColor") == -1) {
                $(this).addClass("displayLi");
            }
        });
        //var reg2 = new RegExp("\\" + escape(txt), "g");

    }

    function PalyRecord(url) {
        //$.post("/Admin/HHUser/WeWorkAudio", { url: url
        //    }, function (result) {
        //        if (result.type == 1) {
        //            var data = result.data;
                    $('#recordPlayerWin').window({ title: '播放录音', width: 330, height: 180, iconCls: 'icon-add', shadow: true, modal: true, closed: true, minimizable: false, maximizable: false, collapsible: false }).window('open');
                    var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
                    if (isChrome) {
                        $('#recordPlayerWin').html("<video controls=\"\" src=\"" + url + "\" style=\"width:300px; height:50px;\" autoplay=\"autoplay\" />");
                    } else {
                        $('#recordPlayerWin').html('<object id="Player" width="300" height="50" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..."  type="application/x-oleobject"hspace="5"><param name="AutoRewind" value="1"><param name="FileName" value="' + url + '"><param name="ShowControls" value="1"><param name="ShowPositionControls" value="0"><param name="ShowAudioControls" value="1"><param name="ShowTracker" value="1"><param name="ShowDisplay" value="0"><param name="ShowStatusBar" value="0"><param name="ShowGotoBar" value="0"><param name="ShowCaptioning" value="0"><param name="AutoStart" value="1"><param name="Volume" value="5000"><param name="AnimationAtStart" value="0"><param name="TransparentAtStart" value="0"><param name="AllowChangeDisplaySize" value="0"><param name="AllowScan" value="0"><param name="EnableContextMenu" value="0"><param name="ClickToPlay" value="1"> </object>');
                    }
            //    } else {
            //        alert(result.message);
            //    }
            //}, "json");

    }
</script>
@if (Mini.Web.WebHelper.ManagerPhoneHelper.GetIsShowPhone() == "0")//不显示号码
{
    <script>
        function ReplaceMobile(content) {
            var txt = content;
            var reg = /[1][0-9]{10}/;
            if (reg.test(txt)) {
                var res = txt.match(reg);
                var mm = res[0].replace(/(\d{3})\d{5}(\d{3})/, '$1*****$2');
                txt = ReplaceMobile(txt.replace(res[0], mm));//再做一次match
            }
            return txt;
        }
    </script>
}
else
{
    <script>
        function ReplaceMobile(content) {
            return content;
        }
    </script>
}
@{
    List<Mini.Model.ViewModel.Ww_User_ExtuserModel> rcontact = ViewBag.rcontact as List<Mini.Model.ViewModel.Ww_User_ExtuserModel>;
    string urltop = Mini.Common.Utility.GetSettingByKey("HHMessageFile");

}
@*<div id="wochalei" data-options="region:'west',title:'分组',split:true" style="width:200px;">
        <div id="friendList" class="easyui-accordion" style="background-color: #536484;" data-options="animate:false,fit:true">
            <div title="外部联系人" style="background-color: #536484;">
                <ul id="rcontact1">
                    @foreach (Mini.Model.ViewModel.Ww_User_ExtuserModel model in rcontact)
                    {
                        string userid = model.userid;
                        string exinfo = model.exinfo;
                        string uname = userid;
                        if (!string.IsNullOrEmpty(exinfo) && exinfo != "-")
                        {
                            Mini.Model.Map.ww_exinfo info = Newtonsoft.Json.JsonConvert.DeserializeObject<Mini.Model.Map.ww_exinfo>(exinfo);
                            uname = info.external_contact.name;
                        }
                        <li isgroup="false" nvalue="@Html.Raw(userid)" nname="@Html.Raw(uname)">
                            <span> @Html.Raw(uname)</span>
                        </li>
                    }
                </ul>
            </div>
            <div title="群聊" style="background-color: #536484;">
                <ul id="rcontact3"></ul>
            </div>

        </div>
    </div>*@

<div id="rcontent" data-options="region:'center',title:'消息内容'" style="">
    <div id="tt" class="easyui-tabs" data-options="fit:true" style="width:500px;height:250px;">
        <div title="消息内容" style="padding: 5px;" data-options="fit:true">
            <table class="contentTable">
                <tbody id="contentBody"></tbody>
            </table>
        </div>
    </div>

</div>
@*<div data-options="region:'south',border:false" style="height: 30px; background-color: #E4EBF9">
        名称：<input type="text" id="findTxt" /><input type="button" value="查找" onclick="findTxt()" />
    </div>*@

<div id="recordPlayerWin"></div>
<div id="ImageShow"></div>

<script type="text/javascript">
    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='no' frameborder='0'' src='" + src + "'></iframe>";
    }
</script>