var vue = new Vue({
    el: "#vueDiv",
    data: {
        underlying_manager: {
            id: null,
            UnderlyingCode: basketUnderlyingName,
            Price: 0,
            Items: [],
        }
    },
    mounted: function () {
        this.loadData();
    },
    methods: {
        loadData: function () {
            var thisObj = this;
            if (!main.isEmpty(thisObj.underlying_manager.UnderlyingCode)) {
                main.post("/BasketUnderlying/GetBasketUnderlyingByName",
                    { name: thisObj.underlying_manager.UnderlyingCode }).done(function (result) {
                        thisObj.underlying_manager.Items = result.obj.Items;
                    });
            }
        },
        cancel: function () {
            if (parent) {
                parent.layer.closeAll();
            }
        },
        Edit: function () {
            var thisObj = this;
            var url = "/BasketUnderlying/EditBasketUnderlyingSettingView";
            url += `?basketUnderlyingName=${encodeURIComponent(thisObj.underlying_manager.UnderlyingCode)}`;
            window.location.href = (url);
        }
    }
})