@model WX.CRM.Model.QueryMap.CustomerInfo
@{
    Layout = null;
}
<style type="text/css">
    .DisTable {
        display: block;
    }

    .NoneTable {
        display: none;
    }

    .td {
        border: 1px solid #ff0000;
    }
</style>


<script type="text/javascript">
    //显示memo
    function ShowMemo(obj) {
        for (var i = 1; i <= 7; i++) {
            var objId = "tableMemo" + i;
            //alert(objId);
            if (i == obj) {
                document.getElementById(objId).className = "DisTable";
            }
            else {
                document.getElementById(objId).className = "NoneTable";
            }
        }
    }
    //添加工单
    //弹出页面窗体comName:窗体的名称，linkUrl：Iframe的src地址；
    //maximizable="false" minimizable="false" collapsible="false" 设置最大，最小，不可更改大小
    function ShowWindowBox(comName, linkUrl) {
        var winHeight = $(window).height() - 20;
        $("#modalwindow").html(GetIframeHtml('/Ord/Memo/' + linkUrl + '?CallType=@(Request.QueryString["CallType"] == null ? "1" : Request.QueryString["CallType"])&resid=@(Model.CustomerId)&r=' + Math.random()));
        $("#modalwindow").window({ title: comName, width: 690, height: winHeight, iconCls: 'icon-add', resizable: false }).window('open');
    }
    //全局变量 所有数据
    var AllData;
    function memoReload() {
        AllData = null;
        MemoloadAll(7);
    }
    //重新加载通话时间
    function ReroldCallTime(memoid) {

        $.r_ajax({
            url: "/Csvr/CustomerUC/UpdateNoCallTime?MemoId=" + memoid,
            type: "Post",
            dataType: "json",
            loading: true,
            success: function (data) {
                if (data.result) {
                    MemoloadAll(7);
                    ShowMemo(7);
                } else {
                    $.messager.alert('警告', "获取时间失败！", "error");
                }
            }
        });
    }

    //获取短信
    function GetMessage() {
        $.r_ajax({
            url: "/Csvr/CustomerUC/GetMessageHtml",
            type: "Post",
            data: { ResId: "@(Model.CustomerId)", rn: 15 },
            dataType: "json",
            loading: true,
            success: function (data) {
                AllData = data.rowsList;
                MemoLoad(6);
            }, error: function () {
                $.messager.alert('警告', '数据加载失败！', "error");
            }
        });
    }


    //加载全部数据
    function MemoloadAll(type) {
        $.r_ajax({
            url: "/Csvr/CustomerUC/GetMemoQueryHtml",
            type: "Post",
            data: { MemoType: "7", pageType:1, ResId: "@(Model.CustomerId)", page: 1, rows: 20, IsValid: $("#ckb_Valid").prop("checked") },
            dataType: "json",
            loading: true,
            success: function (data) {
                AllData = data.rowsList;
                MemoLoad(type);
                MemoLoad(7);
            }, error: function () {
                $.messager.alert('警告', '数据加载失败！', "error");
            }
        });
    }

    //各个类型数据的处理显示
    function MemoLoad(type) {
        switch (type) {
            case 1:

                var rowlist = AllData;
                $("#tableMemo1").attr("AlreadyLoad", "true");
                $("#tableMemo1 .layui-table tbody").html(rowlist);
                var rownum = 0;
                $("#tableMemo1 tbody tr").each(function () {
                    //判断工单类型
                    if ($(this).find("td").eq(2).html() != "销售工单") {
                        $(this).remove();
                    }
                    else {
                        rownum++;
                        //if (rownum > 15) {
                        //    $(this).remove();
                        //}else
                        $(this).find("td").eq(0).html(rownum);
                    }
                    //移除第三列和第四列
                    $(this).find("td").eq(2).remove();
                    //$(this).find("td").eq(3).remove();
                    // $(this).find("td").eq(8).remove();
                })
                break;
            case 2:
                var rowlist = AllData;
                $("#tableMemo2").attr("AlreadyLoad", "true");
                $("#tableMemo2 .layui-table tbody").html(rowlist);
                var rownum = 0;
                $("#tableMemo2 tbody tr").each(function () {
                    //判断工单类型
                    if ($(this).find("td").eq(2).html() != "意向工单") {
                        $(this).remove();
                    }
                    else {
                        rownum++;
                        //if (rownum > 15) {
                        //    $(this).remove();
                        //} else
                        $(this).find("td").eq(0).html(rownum);
                    }
                    //移除第三列和第四列
                    $(this).find("td").eq(2).remove();
                    //$(this).find("td").eq(3).remove();
                    // $(this).find("td").eq(8).remove();
                })

                break;
            case 3:
                var rowlist = AllData;
                $("#tableMemo3").attr("AlreadyLoad", "true");
                $("#tableMemo3 .layui-table tbody").html(rowlist);
                var rownum = 0;
                $("#tableMemo3 tbody tr").each(function () {
                    //判断工单类型
                    if ($(this).find("td").eq(2).html() != "服务工单") {
                        $(this).remove();
                    }
                    else {
                        rownum++;
                        //if (rownum > 15) {
                        //    $(this).remove();
                        //} else
                        $(this).find("td").eq(0).html(rownum);
                    }
                    //移除第三列和第四列
                    $(this).find("td").eq(2).remove();
                    //$(this).find("td").eq(3).remove();
                    // $(this).find("td").eq(8).remove();
                    var txt = $(this).find("td").eq(4).text();
                    if (txt == "到款-回访确认") {
                        $(this).css("font-weight", "bold");
                    }
                })

                break;
            case 4:
                var rowlist = AllData;
                $("#tableMemo4").attr("AlreadyLoad", "true");
                $("#tableMemo4 .layui-table tbody").html(rowlist);
                var rownum = 0;
                $("#tableMemo4 tbody tr").each(function () {
                    //判断工单类型

                    if ($(this).find("td").eq(2).html() != "特殊订单" && $(this).find("td").eq(2).html() != "至尊工单") {
                        $(this).remove();
                    }
                    else {
                        rownum++;
                        //if (rownum > 15) {
                        //    $(this).remove();
                        //} else
                        $(this).find("td").eq(0).html(rownum);
                    }
                    //移除第三列和第四列
                    $(this).find("td").eq(2).remove();
                    //$(this).find("td").eq(3).remove();
                    //$(this).find("td").eq(8).remove();
                })

                break;
            case 6:
                var rowlist = AllData;
                $("#tableMemo6").attr("AlreadyLoad", "true");
                $("#tableMemo6 .layui-table tbody").html(rowlist);
                var rownum = 0;
                $("#tableMemo6 tbody tr").each(function () {
                    rownum++;
                    $(this).find("td").eq(0).html(rownum);
                });
                break;
            case 7:

                $("#tableMemo7").attr("AlreadyLoad", "true");
                $("#tableMemo7 .layui-table tbody").html(AllData);
                //var rownum = 0;
                $("#tableMemo7 tbody tr").each(function () {
                    //console.log($(this).find("td").eq(4).text());
                    var txt = $(this).find("td").eq(4).text();
                    if (txt == "到款-回访确认") {
                        $(this).css("font-weight", "bold");
                    }
                });
               try{
                $(document).ready(function () {
                    $("table").colResizable({
                        liveDrag: true,//实现实时拖动，可看见拖动轨迹
                        draggingClass: "dragging", //防止拖动出险虚标线
                    });
                });
               }catch(err){
                console.log(err);
               }
        }
    }
    //更多--工单
    function ShowMemoList(name, url) {
        window.parent.ChildAddTab(name, url, "");
    }

    $(function () {
        //点击工单按钮
        $("#btn_saleMemo").click(function () {
            if ($("#tableMemo1").attr("AlreadyLoad") != "true") {
                MemoLoad(1);
            }
        });
        $("#btn_purposeMemo").click(function () {
            if ($("#tableMemo2").attr("AlreadyLoad") != "true") {
                MemoLoad(2);
            }
        });
        $("#btn_serviceMemo").click(function () {
            if ($("#tableMemo3").attr("AlreadyLoad") != "true") {
                MemoLoad(3);
            }
        });
        $("#btn_specialMemo").click(function () {
            if ($("#tableMemo4").attr("AlreadyLoad") != "true") {
                MemoLoad(4);
            }
        });
        $("#btn_Message").click(function () {
            if ($("#tableMemo6").attr("AlreadyLoad") != "true") {
                //MemoLoad(6);
                GetMessage();
            }
        });
        $("#btn_MemoAll").click(function () {
            if ($("#tableMemo7").attr("AlreadyLoad") != "true") {
                MemoLoad(7);
            }
        });
        //点击工单信息按钮
        $("#btn_2").click(function () {
            if ($("#tableMemo7").attr("AlreadyLoad") != "true") {
                MemoloadAll(7);
                ShowMemo(7);
            }
        });
        $("#ckb_Valid").change(function () {
            $("#tableMemo1").attr("AlreadyLoad", "false");
            $("#tableMemo2").attr("AlreadyLoad", "false");
            $("#tableMemo3").attr("AlreadyLoad", "false");
            $("#tableMemo4").attr("AlreadyLoad", "false");
            $("#tableMemo7").attr("AlreadyLoad", "false");
        })
        //MemoLoad(7);


    });

    function mmore(extmemoid) {
        $("#modalwindow").html(GetIframeHtml('/Ord/MemoQuery/ServiceMemoExt?extmemoid=' + extmemoid));
        $("#modalwindow").window({ title: '标签工单', width: 690, height: 500, iconCls: 'icon-add' }).window('open');
    }
</script>
<script src="/Scripts/colResizable-1.6.js"></script>

@*<div class="group  content_title_width">
        <img src="~/Content/Images/communication.gif">
        <span>工单信息</span>
        <div class="togglebtn"></div>
    </div>*@
<div class="content_div" style="margin-top:5px;">
    <table class="layui-table content_width">
        <thead>
            <tr style="height: 40px; text-align: center;">
                <td style="width:40px;text-align:center;">
                    <input id="btn_MemoAll" type="button" class="layui-btn layui-btn-sm layui-bg-black " value="全部" onclick="javascript:ShowMemo(7);" />
                    @*<input type="button" class="btn btn-inverse" value="意向和订单" onclick="javascript:ShowMemo(8);" />*@
                </td>
                <td style="">
                    <input id="btn_saleMemo" type="button" class="layui-btn layui-btn-sm layui-bg-cyan" value="销售工单" onclick="javascript:ShowMemo(1);" />
                    <input class="layui-btn layui-btn-sm layui-btn-normal " value="添加" type="button" onclick="ShowWindowBox('添加销售工单', 'SaleMemoAdd')" />
                    <a href="javascript:ShowMemoList('更多--销售工单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType.销售工单)')">
                        更多
                    </a>
                </td>
                <td>
                    <input id="btn_purposeMemo" type="button" class="layui-btn layui-btn-sm layui-bg-cyan" value="意向工单" onclick="javascript:ShowMemo(2);" />
                    <input class="layui-btn layui-btn-sm layui-btn-normal" value="添加" type="button" onclick="ShowWindowBox('添加意向工单', 'PurposeMemoAdd')" />
                    <a href="javascript:ShowMemoList('更多--意向工单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType.意向工单)')">
                        更多
                    </a>
                </td>
                <td>
                    <input id="btn_serviceMemo" type="button" class="layui-btn layui-btn-sm layui-bg-cyan" value="服务工单" onclick="javascript:ShowMemo(3);" />
                    <input class="layui-btn layui-btn-sm layui-btn-normal" value="添加" type="button" onclick="ShowWindowBox('添加服务工单', 'ServiceMemoAdd')" />
                    <a href="javascript:ShowMemoList('更多--服务工单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType.服务工单)')">
                        更多
                    </a>
                </td>
                @{
                    var deptCode = ViewBag.DeptCode as string;
                    if (deptCode == "QBJZ")
                    {
                        <td>
                            <input id="btn_specialMemo" type="button" class="layui-btn layui-btn-sm layui-bg-red" value="至尊工单" onclick="javascript:ShowMemo(4);" />
                            <input class="layui-btn layui-btn-sm layui-btn-normal" value="添加" type="button" onclick="ShowWindowBox('添加至尊工单', 'SpecialMemoAdd')" />
                            <a href="javascript:ShowMemoList('更多--至尊工单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType_B1.至尊工单)')">
                                更多
                            </a>
                        </td>
                    }
                    else
                    {
                        <td>
                            <input id="btn_specialMemo" type="button" class="layui-btn layui-btn-sm layui-bg-cyan" value="特殊订单" onclick="javascript:ShowMemo(4);" />
                            <input class="layui-btn layui-btn-sm layui-btn-normal" value="添加" type="button" onclick="ShowWindowBox('添加特殊订单', 'SpecialMemoAdd')" />
                            <a href="javascript:ShowMemoList('更多--特殊订单','/Ord/Memo/MemoList?ResId=@(Model.CustomerId)&MemoType=@((int)WX.CRM.Model.Enum.EnumMemoType.特殊订单)')">
                                更多
                            </a>
                        </td>
                    }
                }

                @*<td>
                        <input type="button" class="btn btn-inverse" value="订单" onclick="javascript:ShowMemo(5);" />
                    </td>*@
                <td style="width:90px;">
                    &nbsp;
                    <input type="button" id="btn_Message" class="layui-btn layui-btn-sm layui-bg-cyan" value="短信" onclick="javascript:ShowMemo(6);" />
                    <a href="javascript:ShowMemoList('更多--短信','/Sms/SmsMessage/MessageList?ResId=@(Model.CustomerId)')">
                        更多
                    </a>
                </td>

                @*<td style="width:60px;">*@
                @*<input type="button" class="btn btn-inverse" value="修正" onclick="javascript: ReroldCallTime();" />*@
                @*<a class="l-btn l-btn-plain" onclick="ReroldCallTime()">
                        <span class="l-btn-left">
                            <span style="padding-left: 20px;" class="l-btn-text icon-reload">
                                通话时间
                            </span>
                        </span>
                    </a>*@
                @*</td>*@
            </tr>
        </thead>
    </table>
    <div id="tableMemo1" class="NoneTable" style="margin-top:5px;">
        <table class="layui-table content_width" style="table-layout:auto;">
            <thead>
                <tr>
                    <td style="width:25px;">&nbsp;</td>
                    <td style="width:58px;">编号</td>
                    <td style="width:58px;">业务类型</td>
                    <td style="width:60px;">大类</td>
                    <td style="width:60px;">小类</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width:80px;">受理时间</td>
                    <td style="width:70px;">通话时间</td>
                    <td style="width:35px;">修正</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <div id="tableMemo2" class="NoneTable" style="margin-top:5px;">
        <table class="layui-table content_width" style="table-layout:auto;">
            <thead>
                <tr>
                    <td style="width:25px;">&nbsp;</td>
                    <td style="width:58px;">编号</td>
                    <td style="width:58px;">业务类型</td>
                    <td style="width:60px;">大类</td>
                    <td style="width:60px;">小类</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width: 80px;">受理时间</td>
                    <td style="width: 70px;">通话时间</td>
                    <td style="width: 35px;">修正</td>

                </tr>
            </thead>
            <tbody></tbody>
        </table>

    </div>
    <div id="tableMemo3" class="NoneTable" style="margin-top:5px;">
        <table class="layui-table content_width" style="table-layout:auto;">
            <thead>
                <tr>
                    <td style="width:25px;">&nbsp;</td>
                    <td style="width:58px;">编号</td>
                    <td style="width:58px;">业务类型</td>
                    <td style="width:60px;">大类</td>
                    <td style="width:60px;">小类</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width:80px;">受理时间</td>
                    <td style="width:70px;">通话时间</td>
                    <td style="width:35px;">修正</td>
                </tr>
            </thead>
            <tbody></tbody>

        </table>

    </div>
    <div id="tableMemo4" class="NoneTable" style="margin-top:5px;">

        <table class="layui-table content_width" style="table-layout:auto;">
            <thead>
                <tr>
                    <td style="width:25px;">&nbsp;</td>
                    <td style="width:58px;">编号</td>
                    <td style="width:58px;">业务类型</td>
                    <td style="width:60px;">大类</td>
                    <td style="width:60px;">小类</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width: 80px;">受理时间</td>
                    <td style="width: 70px;">通话时间</td>
                    <td style="width:35px;">修正</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>

    </div>
    <div id="tableMemo5" class="NoneTable" style="margin-top:5px;">

        <table class="layui-table content_width" style="table-layout:auto;">
            <thead>
                <tr>
                    <td style="width:25px;">编号</td>
                    <td>大类</td>
                    <td>小类</td>
                    <td>工单</td>
                    <td>受理人</td>
                    <td>受理时间</td>
                    <td style="width: 70px;">通话时间</td>
                    <td style="width:35px;">修正</td>
                </tr>
            </thead>
        </table>

    </div>
    <div id="tableMemo6" class="NoneTable " style="margin-top:5px;">
        @*<br>
            <a>上行短信</a>
            <table class="layui-table content_width" style="table-layout: auto;">
                <thead>
                    <tr>
                        <td>手机号码</td>
                        <td>短信类型</td>
                        <td>短信内容</td>
                        <td>发送时间</td>
                    </tr>
                </thead>
            </table>
            <br>
            <a>下行短信</a>*@
        <table style="width:80%" class="layui-table">
            <thead>
                <tr>
                    <td style="width:25px;"></td>
                    <td style="width:150px;">客户ID</td>
                    <td style="width:100px;">发送人</td>
                    <td>短信内容</td>
                    <td style="width:130px;">发送时间</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>

    </div>
    <div id="tableMemo7" class="DisTable " style="margin-top:5px;">

        <table class="layui-table content_width" style="table-layout: auto;">
            <thead>
                <tr>
                    <td style="width:15px;">&nbsp;</td>
                    <td style="width:58px;">工单编号</td>
                    <td style="width:58px;">工单类型</td>
                    <td style="width:58px;">业务类型</td>
                    <td style="width:60px;">工单大类</td>
                    <td style="width:60px;">工单小类</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width:80px;">受理时间</td>
                    <td style="width:70px;">通话时间</td>
                    <td style="width:35px;">修正</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>

    </div>
    <div id="tableMemo8" class="NoneTable " style="margin-top:5px;">
        <table class="layui-table content_width" style="table-layout: auto;">
            <thead>
                <tr>
                    <td>工单编号</td>
                    <td>工单类型</td>
                    <td>业务类型</td>
                    <td>工单大类</td>
                    <td>工单小类</td>
                    <td>工单</td>
                    <td>受理人</td>
                    <td>受理时间</td>
                    <td style="width:70px;">通话时间</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>

    </div>
</div>