@model WX.CRM.Model.QueryMap.CustomerInfo
@{
    Layout = null;
}
<script type="text/javascript">
    //全局变量 所有数据

    //加载全部数据
    function Sale_MemoloadAll() {
        $.r_ajax({
            url: "/Csvr/CustomerUC/GetSaleDeptMemoQueryHtml",
            type: "Post",
            data: { MemoType: "7", ResId: "@(Model.CustomerId)", page: 1, rows: 20, IsValid: $("#ckb_Valid").prop("checked") },
            dataType: "json",
            loading: true,
            success: function (data) {
                var sale_AllData = data.rowsList;
                SaleMemoLoad(sale_AllData, "SALEMEMO", "销售工单");
                SaleMemoLoad(sale_AllData, "ORDMEMO", "意向工单");
                SaleMemoLoad(sale_AllData, "SERVICEMEMO", "服务工单");
                SaleMemoLoad(sale_AllData, "SPECIALMEMO", "特殊订单");
                $("#tableMemo_ALL .layui-table tbody").html(sale_AllData);//全部
            }, error: function () {
                $.messager.alert('警告', '数据加载失败！', "error");
            }
        });
    }
    //各个类型数据的处理显示
    function SaleMemoLoad(sale_AllData, type, typeName) {
        var rowlist = sale_AllData;
        $("#tableMemo_" + type + " .layui-table tbody").html(rowlist);
        var rownum = 0;
        $("#tableMemo_" + type + " tbody tr").each(function () {
            //判断工单类型
            if ($(this).find("td").eq(2).html() != typeName) {
                $(this).remove();
            }
            else {
                rownum++;
                $(this).find("td").eq(0).html(rownum);
            }
            //移除第三列和第四列
            $(this).find("td").eq(2).remove();

        })
    }
    $(function () {
        //点击工单信息按钮
        $("#btn_7").click(function () {
            if ($("#tableMemo_ALL").attr("AlreadyLoad") != "true") {
                Sale_MemoloadAll();//加载数据
                $("#tableMemo_ALL").attr("AlreadyLoad", "true");
            }
        });
    });
    function Sale_ShowMemo(memoType) {
        $("[tbmemo='TBEMMO']").removeClass("DisTable").addClass("NoneTable");
        $("#tableMemo_" + memoType).removeClass("NoneTable").addClass("DisTable");
    }
</script>
<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="xn_btn_sale_sale_MemoAll" type="button" class="btn btn-primary" value="全部" onclick="javascript:Sale_ShowMemo('ALL');" memotype="ALL" />
                </td>
                <td style="">
                    <input id="xn_btn_sale_saleMemo" type="button" class="btn btn-inverse" value="销售工单" onclick="javascript: Sale_ShowMemo('SALEMEMO');" memotype="SALEMEMO" />
                </td>
                <td>
                    <input id="xn_btn_sale_purposeMemo" type="button" class="btn btn-inverse" value="意向工单" onclick="javascript: Sale_ShowMemo('ORDMEMO');" memotype="ORDMEMO" />
                </td>
                <td>
                    <input id="xn_btn_sale_serviceMemo" type="button" class="btn btn-inverse" value="服务工单" onclick="javascript: Sale_ShowMemo('SERVICEMEMO');" memotype="SERVICEMEMO" />
                </td>
                <td>
                    <input id="xn_btn_sale_specialMemo" type="button" class="btn btn-inverse" value="特殊订单" onclick="javascript: Sale_ShowMemo('SPECIALMEMO');" memotype="SPECIALMEMO" />
                </td>
            </tr>
        </thead>
    </table>
    <div id="tableMemo_SALEMEMO" tbmemo="TBEMMO" 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:55px;">编号</td>
                    <td style="width:52px;">业务类型</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width:75px;">受理时间</td>
                    <td style="width:70px;">通话时间</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <div id="tableMemo_ORDMEMO" tbmemo="TBEMMO" 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:55px;">编号</td>
                    <td style="width:52px;">业务类型</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width:75px;">受理时间</td>
                    <td style="width: 70px;">通话时间</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <div id="tableMemo_SERVICEMEMO" tbmemo="TBEMMO" 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:55px;">编号</td>
                    <td style="width:52px;">业务类型</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width:75px;">受理时间</td>
                    <td style="width:70px;">通话时间</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <div id="tableMemo_SPECIALMEMO" tbmemo="TBEMMO" 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:55px;">编号</td>
                    <td style="width:52px;">业务类型</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width:75px;">受理时间</td>
                    <td style="width: 70px;">通话时间</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <div id="tableMemo_ALL" tbmemo="TBEMMO" 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:52px;">工单编号</td>
                    <td style="width:52px;">工单类型</td>
                    <td style="width:52px;">业务类型</td>
                    <td>工单</td>
                    <td style="width:80px;">受理人</td>
                    <td style="width:75px;">受理时间</td>
                    <td style="width:70px;">通话时间</td>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>