@model TradeGroup
@{
    ViewBag.Title = "系统分组设置";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
}
@section JS{
    <script src="~/Scripts/app/trade/picktrade.js?v=@(HtmlUtil.JsVersion)"></script>
    <script type="text/javascript">
        var submitclick_trade_group = false;
        $(function () {
            $(".datepicker").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, showOtherMonths: true, selectOtherMonths: true });
            $(".form-group").addClass("col-md-6");
            $(".singleline").removeClass("col-md-6");
            SetAceDropDown();
        });

        $(function () {
        });

        function checkSubmitData() {
            var pass = $('#trade_groupEditForm').valid();
            return pass;
        }

        function savetrade_group() {
            if (!checkSubmitData()) return false;

            var data = $("#trade_groupEditForm").serialize();
            main.post("/trade_group/trade_groupEditJson", data).done(function (res) { window.location.href = "/trade_group/trade_groupview?enid=" + res.obj.EncryptId; try { window.parent.reloadtrade_group(); } catch (e) { } });
        }

        function closetrade_groupWindow() {
            try { window.parent.layer.closeAll(); } catch (e) { }
            try { window.parent.$('#modal-edittrade_group .close').click(); } catch (e) { }
            try { window.parent.$('#modal-trade_groupEditInner .close').click(); } catch (e) { }
            try { if (window.parent.location.href.indexOf("trade_groupEdit") >= 0) { window.close(); } } catch (e) { }
        }
    </script>


}
<div id="listdiv">
    <div>
        组名:
        <input value="" type="text" class="text text-box width-25" v-model="Group.GroupName" />
        <input value="选择组" type="button" class="btn warning" v-on:click="picktradegroup()" />
        <input value="保存" type="button" class="btn warning" v-on:click="savetradegroup()" />
    </div>

    <div class="well left" style="width: 45%;float: left;">
        <div class="searchdiv">
            <label>交易编号</label><input id="TradeNumber" v-model="Query.TradeNumber" type="text" style="width:150px" />
            <button class="btn btn-primary " style="border: none;background: #4667CC;border-radius: 3px;margin-left: 5px;" v-on:click="loadtrade_groupInnerList(1)"><span class="glyphicon glyphicon-search"></span> 查询</button>
        </div>
        <table id="tbodytrade_group" class="table table-bordered table-sm">
            <tr><td></td></tr>
        </table>
    </div>

    <div class="well right" style="width: 45%;float: right;">
        <table id="pickedtrade" class="table table-bordered table-sm">
            <tr><th colspan="4">选择的交易</th></tr>
            <tr><th>操作</th><th>编号</th><th>标的</th><th>原属组</th></tr>
            <template v-for="(trade,index) in PickTrades">
                <tr style="cursor:pointer" v-on:click="removetrade(trade)">
                    <td><a href='javascript:void(0)' v-on:click="removetrade(trade)">移除</a></td>
                    <td>{{trade.TradeNumber}}</td>
                    <td>{{trade.UnderlyingCode}}</td>
                    <td>{{trade.GroupName}}</td>
                </tr>
            </template>
        </table>
    </div>
</div>