@using System.Web.UI.WebControls
@using WX.CRM.WebHelper;
@{
    ViewBag.Title = "佣金分成审核";
    Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}
<style type="text/css">
    table tr td {
        height: 25px;
    }
    table tr td li {
        height: 25px;
    }
    .text_right {
        text-align: right;
    }
    .width120 {
        width: 120px;
    }
    .width200 {
        width: 200px;
    }
    #saleuser_ul0,#saleuser_ul1,#saleuser_ul2 {
        float: left; 
        list-style: none;
        font-size: 0;
    }
    #saleuser_ul0 li {
        float: left; width: 100%;
    }
    #saleuser_ul1 li, #saleuser_ul2 li {
        float: left;
        width: 370px;
    }
    #saleuser_ul0 li span, #saleuser_ul1 li span,#saleuser_ul2 li span {
        font-size: 12px;
        width:120px; 
        text-align:right; 
        display:inline-block;
    }
    #saleuser_ul0 li span.percent, #saleuser_ul1 li span.percent, #saleuser_ul2 li span.percent{
        font-size: 12px;
        width: 5px;
        display: inline;
    }
    #saleuser_ul0 li label,#saleuser_ul1 li label,#saleuser_ul2 li label {
        font-size: 12px;
        padding: 0 5px 0;
    }
</style>
<div class="mvctool">
    @Html.ToolButton("btnQuery", "icon-search", "查询", true)
    @Html.Action("ToolBar", "Control", ViewBag.ToolBar as ToolBar)
</div>
@ViewBag.tradecodetest
<div class="bas_datagrid">
    <div id="tb" style="padding:5px;height:auto" class="grid_toolbar">
        <ul class="toolBar_ul">
            <li>交易商代码：<input type="text" style="width:120px;" id="txtTradeCode" name="txt_TradeCode" value="" />&nbsp;</li>
            <li>工号：<input type="text" id="txtEid" name="txt_Eid" />&nbsp;</li>
            <li>经纪人姓名：<input type="text" id="txtName" name="txt_Name" value="" />&nbsp;</li>
            <li>
                状态：<select id="SltCheckStatus" name="Slt_CheckStatus">
                    <option value="-1">-全部-</option>
                    <option value="0">未申请</option>
                    <option value="1">未审核</option>
                    <option value="2">已通过</option>
                    <option value="3">未通过</option>
                </select>
            </li>
            <li>创建时间：@Html.WdatePickerText("txt_sdCTime", "")~@Html.WdatePickerText("txt_edCTime", "")</li>
            <li>审核时间：@Html.WdatePickerText("txt_sdVTime", "")~@Html.WdatePickerText("txt_edVTime", "")</li>
            <!--<li>激活时间：@Html.WdatePickerText("txt_sdATime", "")~@Html.WdatePickerText("txt_edATime", "")</li>
            <li><input name="ckb_curMonActiva" type="checkbox" value="1" />当月激活-->
             <input name="ckb_curMonTransaction" type="checkbox" value="1" />当月有交易 <input name="ckb_preMonTransaction" type="checkbox" value="1" />上月有交易</li>
        </ul>
    </div>
    @Html.Raw(ViewBag.gridTable)
</div>
<div id="dlg3" class="easyui-dialog" closed="true" style="padding: 5px">
    <iframe id="framC" src="" width="100%" height="98%" frameborder="no" border="0" marginwidth="0" marginheight="0"></iframe>
</div>
<div id="dlg4" class="easyui-dialog" closed="true" style="padding: 5px">
    <table>
        <tr>
            <td class="text_right width120">交易商代码：</td>
            <td class="wid150">
                <input id="tradeCode" name="tradeCode" type="text" style="width:120px;" disabled="disabled" />
                <input id="auditPkid" type="hidden" value="0" />
            </td>
            <td class="text_right width120">交易商名称：</td>
            <td class="wid150"><input id="tradeName" name="tradeName" type="text" style="width:120px;" disabled="disabled" /></td>
            <td class="wid100"><input id="BtnAudit" name="BtnAudit" type="button" value="审核" onclick="Btn_AuditCommssion()" /></td>
        </tr>
        <tr>
            <td class="text_right width120">起止日期：</td>
            <td><input id="sdDate" name="sdDate" type="text" style="width:120px;" disabled="disabled" /></td>
            <td>~</td>
            <td><input id="edDate" name="edDate" type="text" style="width:120px;" disabled="disabled" /></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="5">
                <ul id="saleuser_ul0">
                    <li>
                        <span>经纪人工号：</span>
                        <input id="item0_eid" name="item0_eid" type="text" style="width:80px;" disabled="disabled" />
                        <label id="item0_eid_username"></label>&nbsp;
                        <input id="item0_ratio" name="item0_ratio" type="text" style="width:40px;" disabled="disabled" /><span class="percent">%</span>
                    </li>
                </ul>
                <ul id="saleuser_ul1">
                    <li>
                        <span>参与分成人员工号：</span>
                        <input id="item1_eid" name="item1_eid" type="text" style="width:80px;" disabled="disabled" />
                        <label id="item1_eid_username"></label>&nbsp;
                        <input id="item1_ratio" name="item1_ratio" type="text" style="width:40px;" disabled="disabled" /><span class="percent">%</span>
                    </li>
                    <li>
                        <span>需返还人员工号：</span>
                        <input id="item4_eid" name="item4_eid" type="text" style="width:80px;" disabled="disabled" />
                        <label id="item4_eid_username"></label>&nbsp;
                        <input id="item4_ratio" name="item4_ratio" type="text" style="width:40px;" disabled="disabled" /><span class="percent">%</span>
                    </li>
                    <li>
                        <span>参与分成人员工号：</span>
                        <input id="item2_eid" name="item2_eid" type="text" style="width:80px;" disabled="disabled" />
                        <label id="item2_eid_username"></label>&nbsp;
                        <input id="item2_ratio" name="item2_ratio" type="text" style="width:40px;" disabled="disabled" /><span class="percent">%</span>
                    </li>
                    <li>
                        <span>需返还人员工号：</span>
                        <input id="item5_eid" name="item5_eid" type="text" style="width:80px;" disabled="disabled" />
                        <label id="item5_eid_username"></label>&nbsp;
                        <input id="item5_ratio" name="item5_ratio" type="text" style="width:40px;" disabled="disabled" /><span class="percent">%</span>
                    </li>
                    <li>
                        <span>参与分成人员工号：</span>
                        <input id="item3_eid" name="item3_eid" type="text" style="width:80px;" disabled="disabled" />
                        <label id="item3_eid_username"></label>&nbsp;
                        <input id="item3_ratio" name="item3_ratio" type="text" style="width:40px;" disabled="disabled" /><span class="percent">%</span>
                    </li>
                    <li>
                        <span>需返还人员工号：</span>
                        <input id="item6_eid" name="item6_eid" type="text" style="width:80px;" disabled="disabled" />
                        <label id="item6_eid_username"></label>&nbsp;
                        <input id="item6_ratio" name="item6_ratio" type="text" style="width:40px;" disabled="disabled" /><span class="percent">%</span>
                    </li>
                </ul>
                <ul id="saleuser_ul2">
                    <li>
                        <span>操盘手工号：</span>
                        <input id="item7_eid" name="item7_eid" type="text" style="width:80px;" disabled="disabled" />
                        <label id="item7_eid_username"></label>&nbsp;
                        <input id="item7_ratio" name="item7_ratio" type="text" style="width:40px;" disabled="disabled" /><span class="percent">%</span>
                    </li>
                    <li>
                        <span>操盘手工号：</span>
                        <input id="item8_eid" name="item8_eid" type="text" style="width:80px;" disabled="disabled" />
                        <label id="item8_eid_username"></label>&nbsp;
                        <input id="item8_ratio" name="item8_ratio" type="text" style="width:40px;" disabled="disabled" /><span class="percent">%</span>
                    </li>
                </ul>
            </td>
        </tr>
        <tr>
            <td class="text_right width120">状态：</td>
            <td colspan="4"><input type='radio' value='2' name='chkradio' checked='checked' />通过<input type='radio' value='3' name='chkradio'>不通过</td>
        </tr>
        <tr>
            <td class="text_right width120">审核说明：</td>
            <td colspan="4"><textarea id="TxtRemark" rows="2" cols="60"></textarea></td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $(window).resize(function () {//自动适应大小
            $('#tablist').tablegrid('resize', {
                height: $(window).height() - 110
            });
        });
        loadtablegrid();
        $("#btnQuery").click(function () {
            loadtablegrid();
        });
    });
    function Create_Click() {
        var row = $("#tablist").tablegrid("getSelected");
        var tcode = "";
        if (row != null)
            tcode = row.tradecode;
        editCommissionRule("add", -1, tcode);
    }
    function Details_Click() {
        var row = $("#tablist").tablegrid("getSelected");
        if (row != null) {
            if (row.PKID > 0)
                editCommissionRule("view", row.PKID, row.tradecode);
            else
                $.messageBox5s('提示', '此交易商代码还没有分成修改申请记录！');
        } else { $.messageBox5s('提示', '请先选中要查看的申请！'); }
    }
    function Delete_Click() {
        var row = $("#tablist").tablegrid("getSelected");
        if (row != null) {
            if (row.PKID > 0)
                deleteCommissionApply(row.PKID);
            else
                $.messageBox5s('提示', '此交易商代码还没有分成修改申请记录！');
        } else { $.messageBox5s('提示', '请先选中要删除的记录！'); }
    }
    function Check_Click() {
        var row = $("#tablist").tablegrid("getSelected");
        if (row != null) {
            if (row.PKID > 0)
                auditCommissionApply(row.PKID);
            else
                $.messageBox5s('提示', '此交易商代码还没有分成修改申请记录！');
        } else { $.messageBox5s('提示', '请先选中要审核的记录！'); }
    }
    function loadtablegrid() {
        $("#tablist").tablegrid({
            url: '/QH/CommissionApply/GetHtmlList',
            height: $(window).height() - 110,
            loadNow: true,
            isPage: true,
            data: {
                txtTradeCode: $.trim($("#txtTradeCode").val()),
                txtEid: $.trim($("#txtEid").val()),
                txtName: $.trim($("#txtName").val()),
                SltCheckStatus: $("#SltCheckStatus").val(),
                sdCTime: $("#txt_sdCTime").val(),
                edCTime: $("#txt_edCTime").val(),
                sdVTime: $("#txt_sdVTime").val(),
                edVTime: $("#txt_edVTime").val(),
                sdATime: $("#txt_sdATime").val(),
                edATime: $("#txt_edATime").val()
            }
        });
    }

    /*新增、修改、查看佣金分成规则审请记录,cmd:add新增,edit修改,view查看,delete删除*/
    function editCommissionRule(cmd, id, tradeCode) {
        var v_title = "添加—分成修改申请";
        switch (cmd) {
            case "edit":
                v_title = "修改—分成修改申请";
                break;
            case "view":
                v_title = "查看—分成修改申请";
                break;
        }
        $("#framC").attr("src", "/QH/CommissionApply/Edit?cmd=" + cmd + "&id=" + id + "&tradeCode=" + tradeCode);
        $('#dlg3').dialog({
            title: v_title,
            width: 800,
            height: 280,
            closed: false,
            cache: false,
            modal: true
        });
    }
    function deleteCommissionApply(id) {
        if (confirm("提示：确认要删除吗？") == false)
            return;
        $.getJSON("/QH/CommissionApply/Delete?id=" + id, function (data) {
            if (data.result == true) {
                $.messageBox5s('提示', '删除成功！');
                $("#tablist").tablegrid("Load");
            } else {
                $.messageBox5s('提示', data.data);
            }
        });
    }
    function auditCommissionApply(id) {
        /*if (confirm("提示：确认要审核吗？") == false)
            return;*/
        $.getJSON("/QH/CommissionApply/InitDataByCheckView?v=" + Math.random() + "&id=" + id, function (data) {
            if (data.tradeStatus == 1) {
                $("#auditPkid").val(data.pkid);
                $("#tradeCode").val(data.userAccount);
                $("#tradeName").val(data.userName);
                $("#sdDate").val(data.sdDateChar);
                $("#edDate").val(data.edDateChar);
                $("#item0_eid").val(data.item0.eid);
                $("#item0_ratio").val(data.item0.ratio);
                $("#item1_eid").val(data.item1.eid);
                $("#item1_ratio").val(data.item1.ratio);
                $("#item2_eid").val(data.item2.eid);
                $("#item2_ratio").val(data.item2.ratio);
                $("#item3_eid").val(data.item3.eid);
                $("#item3_ratio").val(data.item3.ratio);
                $("#item4_eid").val(data.item4.eid);
                $("#item4_ratio").val(data.item4.ratio);
                $("#item5_eid").val(data.item5.eid);
                $("#item5_ratio").val(data.item5.ratio);
                $("#item6_eid").val(data.item6.eid);
                $("#item6_ratio").val(data.item6.ratio);
                $("#item7_eid").val(data.item7.eid);
                $("#item7_ratio").val(data.item7.ratio);
                $("#item8_eid").val(data.item8.eid);
                $("#item8_ratio").val(data.item8.ratio);
                $("#TxtRemark").val("");
                showUserName();
            } else {
                window.parent.frameReturnByMes(data.errStr);
            }
        });
        $('#dlg4').dialog({
            title: "佣金分成修改申请审核",
            width: 800,
            height: 300,
            closed: false,
            cache: false,
            modal: true
        });
    }
    function Btn_AuditCommssion() {
        var v_sta = "";
        var chkObjs = document.getElementsByName("chkradio");
        for (var i = 0; i < chkObjs.length; i++) {
            if (chkObjs[i].checked) {
                v_sta = chkObjs[i].value;
            }
        }
        var v_remark = $("#TxtRemark").val();
        var v_id = $("#auditPkid").val();
        $.r_ajax({
            url: "/QH/CommissionApply/Audit",
            type: "Post",
            data: { id: v_id, remark: v_remark, status: v_sta },
            dataType: "json",
            loading: true,
            success: function (data) {
                if (data.result == 1) {
                    loadtablegrid();
                    $('#dlg4').dialog('close');
                    $.messageBox5s('提示', data.data);
                }
                else {
                    $.messageBox5s('提示', data.data);
                }
            }
        });
    }
    function frameReturnByClose() {
        $("#dlg3").window('close');
    }
    function frameReturnByReload(flag) {
        if (flag == true)
            loadtablegrid();
    }
    function frameReturnByMes(mes) {
        $.messageBox5s('提示', mes);
    }
    function showUserName() {
        $("table tr td li").each(function (i) {
            var o = $(this).find("input").eq(0);
            if (o != null && o != undefined && o.val() != "") {
                $.ajax({
                    url: "/QH/CommissionApply/GetUserByEid?EID=" + o.val(),
                    dataType: "text",
                    loading: true,
                    success: function (data) {
                        if (data != "") {
                            //$("#item" + i + "_eid_username").text(data);
                            $(o).next().text(data);
                        } else {
                            o.val(o.val() + "?");
                            $("#EditForm").valid();
                        }
                    }
                });
            }
        });
    }
    //导出订单列表
    function btnexport_Click() {
        $("#modalwindow").html(GetIframeHtml("/Control/ExcelExport?Query=" + encodeURIComponent("/QH/CommissionApply/ListExport?" + GetQueryStr() + "&" + getPageOptions("tablist"))));
        $("#modalwindow").window({ title: '导出', width: 480, height: 300, iconCls: 'icon-export' }).window('open');
    };

    function GetIframeHtml(src) {
        return "<iframe width='100%' height='98%' scrolling='auto' frameborder='0'' src='" + src + "&TradeCode=1" + "'></iframe>";
    }

    function getPageOptions(gridID) {
        var option = $("#tablist").tablepage('getPagination');
        var str = "rows=" + option.rows + "&page=" + option.page + "&order=" + option.order + "&sort=" + option.sort;
        return str;
    }
    //获取datagrid头部及字段
    function getDataGridHeader() {
        var columns = $('#tablist').tablegrid("getHead");
        return columns;
    }

</script>