var vue = new Vue({
    el: "#listdiv",
    data: {
        Group: { GroupName:"",id:0},
        Pager: { PageSize: 50, Total: 0 },
        PickTrades: [],
        Query: {TradeNumber:""}
    },
    mounted: function () {
        var thisObj = this; 
        //加载第一页
        thisObj.loadtrade_groupInnerList(1);
    },
    filters: {
    },
    methods: {
        loadtrade_groupInnerList: function (pageindex) {
            var thisObj = this;  
            thisObj.Query.page = pageindex;
            thisObj.Query.rows = thisObj.Pager.PageSize;
            main.post("/trade/tradeInnerListQuery", { req: thisObj.Query}).done(function (data) {
                var trhtml = "<tr><th>操作</th><th>编号</th><th>标的</th><th>操作日</th><th>所属组</th></tr>";
                var tdtemplate = "<td>{0}</td>";
                var clicktdtemplate = "<td><a href='javascript:void(0)' onclick=\"vue.picktrade('{0}','{1}','{2}','{3}')\">选择</a></td>";
                for (var i = 0; i < data.rows.length; i++) {
                    var gname = thisObj.filerGroupName(data.rows[i].GroupName);
                    trhtml += "<tr>";
                    trhtml += clicktdtemplate.template(data.rows[i].id, data.rows[i].TradeNumber, data.rows[i].UnderlyingCode, gname);
                    trhtml += tdtemplate.template(data.rows[i].TradeNumber);
                    trhtml += tdtemplate.template(data.rows[i].UnderlyingCode); 
                    trhtml += tdtemplate.template(new moment(data.rows[i].OptDate).format("YYYY-MM-DD"));
                    trhtml += tdtemplate.template(gname); 
                    trhtml += "/<tr>";
                }
                thisObj.Pager.PageTotal = data.records; //总数量
                $("#tbodytrade_group").html(trhtml);
                thisObj.setPager();
              
            });
        },
        filerGroupName: function (gn) {
            if (typeof (gn) == "undefined") {
                return "";
            }
            return gn;
        },
        setPager: function () {
            var thisObj = this;  
            var pcount = parseInt((parseInt(thisObj.Pager.PageTotal) + thisObj.Pager.PageSize - 1) / thisObj.Pager.PageSize);
            $(".tcdPageCode").createPage({
                pageCount: pcount,
                current: 1,
                backFn: function (p) {
                    thisObj.loadtrade_groupInnerList(p);
                }
            });
        },
        savetradegroup: function () { 

            var thisObj = this;
            if (!thisObj.Group.GroupName) {
                main.message("请输入分组名");
                return;
            }
            var picker_tradeids = [];
            $.grep(thisObj.PickTrades, function (d, i) {
                picker_tradeids.push(d.tradeid);
            });
            main.post("/trade_group/trade_group_save", { group: thisObj.Group, tradeids: picker_tradeids}).done(function (res) {
                thisObj.loadtrade_groupInnerList(1);
            });
        },
        picktradegroup: function () {
            var url = "/trade_group/PickSingletrade_group";
            main.open("点击行选择分组",url);
        },
        parentCallbacktrade_group: function (group) {
            this.Group.id = group.id;
            this.Group.GroupName = group.GroupName;
            window.layer.closeAll();
        },
        removetrade: function (trade) {
            var thisObj = this;
            var livedTrades = $.grep(thisObj.PickTrades, function (d, i) {
                return d.tradeid != trade.tradeid;
            });
            thisObj.PickTrades = livedTrades;
        },
        picktrade: function (tradeid, tradenumber,underlyingcode,groupname) {
            var thisObj = this;
            var existPickTrades = $.grep(thisObj.PickTrades, function (d, i) {
                if (d.tradeid == tradeid)
                    return d;
            });
            if (existPickTrades.length > 0) {
                main.message("已经存在交易");
                return;
            }
            thisObj.PickTrades.push({ tradeid: tradeid, TradeNumber: tradenumber, UnderlyingCode: underlyingcode, GroupName: groupname });
        },
        createriskparameter: function () {
            var thisObj = this;
        },
        closePage: function (cid) {
            parent.layer.closeAll();
        }
    }
});