@{
    ViewBag.Title = "场内资金账号";
    ViewBag.Menu = "互换簿记预设-场内资金账号设置";
    Layout = "~/Views/Shared/_MainLayout.cshtml";
    var clientList = ClientDataModel.GetAllClient();//交易对手方
}
@section CSS{
    <style>
    </style>
}
@section JS{
    <script>
        var clients = @Json.Serialize(clientList);
    </script>
    <script src="~/Scripts/app/swaptrade/onSiteCapitalAccount.js"></script>
}
<div id="acountVue">
    <div class="searchdiv" id="searchdiv">
            @Html.MyAceDropdownInput("ClientId", "对手方", clientList,appendEmptyAll:false,multiple:false)
            @Html.ShortInput("TradeNumber", "交易编码")
            @Html.ShortInput("FundAccount", "资金账号")
            <button class="btn btn-primary" v-on:click="getList"><span class="glyphicon glyphicon-search"></span>查询</button>
            <button class="btn btn-primary" v-on:click="addNew">新增</button>
    </div>

    @Html.Raw(JqGridSimple.OutTable())
    <div class="modal" id="accountModal" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">
                        场内资金账号
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label class="formlabel half">对手方</label>
                        <select v-model="account.ClientId" :disabled="account.id>0" style="width:210px" v-on:change="getClientTradeNumbers">
                            <option :value="item.Value" v-for="item in clientList">{{item.Text}}</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="formlabel half">互换交易编码</label>
                        <select id="swapTradeId" v-model="account.SwapTradeId" :disabled="account.id>0" class="selectpicker" data_actions_box="true" data-live-search="true" v-on:change="changeTradeNumber">
                            <option :value="item.Value" v-for="item in tradeNumberList">{{item.Text}}</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label class="formlabel half">场内资金账号</label>
                        <input type="text" v-model="account.FundAccount" class="text-box" style="width:210px" />
                    </div>
                    <div class="form-group">
                        <label class="formlabel half">状态</label>
                        <select v-model="account.Status">
                            <option value=0>正常</option>
                            <option value=1>禁用</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" v-on:click="saveAccount">保存</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>