@{
    ViewBag.Title = "交易确认书"; // 设置页面标题
    Layout = "~/Views/Shared/_MainLayout.cshtml"; // 指定布局页面

    // 定义页面JS对象，用于传递后端数据到前端JS
    var pageObj = new
    {
        // 获取客户确认书列表数据的URL
        clientConfirmQueryUrl = Url.Action("clientConfirmQuery", "TradeConfirmBook"),
        // 获取所有客户数据的URL (假设存在一个获取客户列表的方法)
        getAllClientsUrl = Url.Action("GetAllClient", "ClientData"), // 请确保ClientDataController中有GetAllClient方法或使用正确的获取客户数据方法
        ConfirmBookStampStatus = PS.Config.ErpElement.ConfirmBookStampStatus,
        valuedate = valuedateBLL.ValueDate.ToString("yyyy-MM-dd"),
        SettleDocModeMultiple = valuedate.SettleDocModeMultiple.Equals(valuedateBLL.SystemDate.SettleDocMode),
        BrokerMode = YLErp.PS.Config.ComponentVersion == YLErp.Configuration.ComponentVersion.Broker,
        MarketMaker = YLErp.PS.Config.ComponentVersion == YLErp.Configuration.ComponentVersion.MarketMaker,
        reqTradeStatus = $"{ConsTrade.确认成交},{ConsTrade.已到期},{ConsTrade.已平仓},{ConsTrade.已执行}",
        SelectConfirmationBookTemplate = GlobalConfig.SelectConfirmationBookTemplate == true,
        templateNames = ViewBag.TemplateNames,
        IsAutoSealAndUploadFiles = YLErp.PS.GetErpConfig().IsAutoSealAndUploadFiles,
        IsZheQi = PS.Config.Is浙期,
        IsAutoSealAfterGeneratedBook = PS.GetErpConfig().IsAutoSealAfterGeneratedBook,
        canGenerate = CurUser.结算管理_交易确认书生成,
        canSendEmail = CurUser.结算管理_交易确认书邮件发送,
        configcolumn = configcolumn_data.交易确认书v2,
    };
}

@section CSS{
    <style>
        /* 可以添加此页面特定的CSS样式 */
        .searchdiv .search-group { /* 调整搜索项间距 */
            margin-right: 10px;
            margin-bottom: 5px;
        }
    </style>
}

@section JS{
    @* 引入必要的JS库 *@
    <script src="~/statics/libs/signalr/dist/browser/signalr.min.js"></script>
    <script src="~/Scripts/app/tradeHelper.js?v=@HtmlUtil.JsVersion"></script>
    <script type="text/javascript">
        var page = @Json.Serialize(pageObj);
    </script>
    @* 引入此页面对应的JS逻辑文件 *@
    <script src="~/Scripts/app/trade/tradeConfirmBookListByClient.js?v=@(HtmlUtil.JsVersion)"></script>
}

@* 搜索区域 *@
<div class="searchdiv">
    @* 合约编号输入框 *@
    @Html.ShortInput("ContractCode", "合约编号")
    @* 客户名称下拉框 (使用MyAceDropdownInput，假设ClientDataModel.GetAllClient()能获取所需数据格式) *@
    @Html.MyAceDropdownInput("ClientIds", "客户名称", ClientDataModel.GetAllClient(), true) @* true表示允许多选 *@
    @* 开仓日期范围选择 *@
    @Html.SearchDateRange("OpenDate", "开仓日期")
    @* 多空头方向选择 *@
    @Html.MyAceDropdownInput("MultiHead", "多空头方向", new List<SelectListItem>
    {
        new SelectListItem { Text = "多头", Value = "1" },
        new SelectListItem { Text = "空头", Value = "2" },
    })

    @MyControls.SearchBtn()
    @if (pageObj.canGenerate)
    {
        @MyControls.Btn("批量生成交易确认书", "BatchCreateContracts()")
    }
    @MyControls.Btn("批量下载交易确认书", "BatchDownLoadDoc()")
    <button class="btn btn-primary" id="batchSendEmail" style="margin-left:16px;">批量发送邮件</button>
    <button class="btn btn-primary" id="batchSendOA" style="margin-left:16px;">批量发送OA</button>
    @if (PS.GetErpConfig().IsAutoSealAndUploadFiles && !PS.GetErpConfig().IsAutoSealAfterGeneratedBook)
    {
        @MyControls.Btn("批量确认书用印", "BatchSealContracts()")
    } 

    <div style="width:30px;display:inline-block; vertical-align: middle; cursor:pointer;" onclick="showcolumnChooser();return false;">
        <img src="~/Images/configure.png"/>
    </div>
</div>

@Html.Raw(JqGridSimple.OutTable())

@* 可能需要的其他HTML元素，例如下载链接的占位符 *@
<a download="" href="" target="_blank" id="downLink" style="display:none;"></a>