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

    .NoneTable {
        display: none;
    }

    .curshow {
        padding: 0 20px 5px;
        background-color: #F7FAFE;
    }

    .curhide {
        padding: 0 20px 5px;
    }
</style>
<div class="group  content_title_width">
    <img src="~/Content/Images/communication.gif">
    <span>期货信息</span>
    <div class="togglebtn"></div>
</div>
<div class="content_div">
    @{
        int type = Convert.ToInt32(ViewBag.type);
        List<QH_CUSTOMER_RESID> futureList = ViewBag.modelList as List<QH_CUSTOMER_RESID>;
    }
    @if (type != 2)
    {
        <table id="futurestbl" class="layui-table content_width">
            <thead>
                <tr>
                    <td colspan="3">
                        <input type="hidden" id="hid_TabFutureTradeCode" value=@futureList[0].USERACCOUNT />
                        @for (int i = 0; i < futureList.Count; i++)
                        {
                            <a href="javascript:void(0);" class='curhide @(i == 0 ? "curshow" : "")' onclick="tabshow(this,@i,'@futureList[i].USERACCOUNT')">@futureList[i].USERCARD</a>
                        }
                    </td>
                </tr>
            </thead>
            @for (int i = 0; i < futureList.Count; i++)
            {
                <tbody style="@(i == 0 ? "" : " display:none;")" class="tab" id="tab@(i)">
                    <tr>
                        <td colspan="3">
                            @if (futureList[i].STATUS == 2)
                            {
                                <span>状态：</span><span style="color: Green">审核通过</span> <span style="padding-left:10px">资金账户：@futureList[i].USERACCOUNT</span>
                            }
                            else if (futureList[i].STATUS == 1)
                            {
                                <span>状态：</span><span style="color: Green">风控审核中</span>
                                <div>录音地址：<a href="@ViewBag.QHRecordHost/QH/RiskRecord?usercard=@futureList[i].USERCARD&recordid=@futureList[i].RECORDID">@ViewBag.QHRecordHost/QH/RiskRecord?usercard=@futureList[i].USERCARD&recordid=@futureList[i].RECORDID</a></div>
                            }
                            else
                            {
                                <span>状态：</span><span style="color: Green">已注册</span> <span style="padding-left:10px"><a href="javascript:accountApplyModify_Click('@futureList[i].RESID')">修改</a></span>
                            }
                        </td>                       
                    </tr>
                    <tr>
                        <td>
                            用户编号：@(futureList[i].USERCARD)
                        </td>
                        <td colspan="2">
                            姓名：@(futureList[i].NAME)
                        </td>
                    </tr>
                    <tr>
                        <td>
                            手机：@(futureList[i].MOBILE)                        
                        </td>
                        <td colspan="2">
                            客户ID：@(futureList[i].RESID)
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            身份证：@(futureList[i].IDCARD)
                            @*身份证：@( WX.CRM.WebHelper.Phone.EncryptPhoneNumber(String.Format("{0}", futureList[i].IDCARD), 8, 0))*@
                        </td>
                    </tr>


                </tbody>
            }
        </table>
        <br>
        <script type="text/javascript">

            function tabshow(obj, showid, tradecode) {
                if (tradecode == undefined || tradecode == '') {
                    $('#tblcurUC').css('display', 'none');
                    $('#loadC').css('display', 'none');
                }else {
                    $('#tblcurUC').css('display', 'block');
                    $('#loadC').css('display', 'block');
                }
                $("#futurestbl .curhide").removeClass("curshow");
                $(obj).addClass("curshow");
                $("#futurestbl .tab").hide();
                $("#futurestbl #tab" + showid).show();

                $("#hid_TabFutureTradeCode").val();
                $("#hid_TabFutureTradeCode").val(tradecode);

                $("#loadC").contents().find("#t2 tbody tr").hide();
                $("#loadC").contents().find("#t2 tbody tr.table" + $(obj).html()).show();

                $("#loadC").contents().find("#t3 tbody tr").hide();
                $("#loadC").contents().find("#t3 tbody tr.table" + $(obj).html()).show();

                $("#loadC").contents().find("#t4 tbody tr").hide();
                $("#loadC").contents().find("#t4 tbody tr.table" + $(obj).html()).show();

                $("#loadC").contents().find(".tradeCodeMore1").hide();
                $("#loadC").contents().find("#More1_" + $(obj).html()).show();
                $("#loadC").contents().find(".tradeCodeMore2").hide();
                $("#loadC").contents().find("#More2_" + $(obj).html()).show();

                $("#loadC").contents().find(".tradeCodeMore3").hide();
                $("#loadC").contents().find("#More3_" + $(obj).html()).show();
                $("#loadC").contents().find(".tradeCodeMore4").hide();
                $("#loadC").contents().find("#More4_" + $(obj).html()).show();
            }

        </script>
    <table class="layui-table content_width" id="tblcurUC">
    <thead>
        <tr>
            <td>
                <a href="javascript:void(0)" class="curhide curUC" onclick="LoadUC(this, '/Csvr/CustomerQH/CustomerFutureLoadUC?id=1&useraccount=')">资金账户明细</a>
                <a href="javascript:void(0)" class="curhide curUC" onclick="LoadUC(this, '/Csvr/CustomerQH/CustomerFutureLoadUC?id=2&useraccount=')">成交明细</a>
                <a href="javascript:void(0)" class="curhide curUC" onclick="LoadUC(this, '/Csvr/CustomerQH/CustomerFutureLoadUC?id=3&useraccount=')">历史出入金明细</a>
                @*<a href="javascript:void(0)" class="curhide curUC" onclick="LoadUC(this, '/CustomerQH/CustomerFutureLoadUC?id=4&tradecode=')">客户持仓明细</a>*@
                </td>
            </tr>
        </thead>
    </table>
        <iframe style="height: 456px; margin-left: 10px; min-width: 800px" id="loadC" border="0" marginwidth="0" marginheight="0" frameborder="no" height="100%" width="100%"></iframe>
        <script type="text/javascript">
            function LoadUC(obj, url) {
                $("#tblcurUC .curUC").removeClass("curshow");
                $(obj).addClass("curshow");
                //$("#loadC").attr("src", url);
                var tradecode = $("#hid_TabFutureTradeCode").val();
                //alert(tradecode);
                $("#loadC").attr("src", url + tradecode);
            }

        </script>
    }
    else
    {
        <script>
            function accountApply_Click() {
                $("#modalwindow").html(GetIframeHtml("/QH/AccountApply/Edit"));
                $("#modalwindow").window({ title: '申请开户', width: 700, height: 550, iconCls: 'icon-edit' }).window('open');
            }
        </script>
        <input type="button" value="申请开户" class="btn btn-primary" id="btn_accountApply" style="margin-left:20px;" onclick="accountApply_Click()">
    }   
    <script>
            function accountApplyModify_Click(resid) {
                $("#modalwindow").html(GetIframeHtml("/QH/AccountApply/Edit?resid=" + resid));
                $("#modalwindow").window({ title: '修改开户资料', width: 700, height: 550, iconCls: 'icon-edit' }).window('open');
            }
            $(function () {
                var hideUserAccount = $('#hid_TabFutureTradeCode').val();
                if (hideUserAccount == undefined || hideUserAccount == '') {
                    $('#tblcurUC').css('display', 'none');
                    $('#loadC').css('display', 'none');
                }
            })
    </script>
</div>