@{
    ViewBag.Title = "篮子标的查看";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var basketUnderlyingName = Context.Request.Query["basketUnderlyingName"].ToString();
}
@section CSS{
    <link href="~/Style/Css/SyntheticUnderlyingSetting.css?v=@(HtmlUtil.JsVersion)" rel="stylesheet" />
    <style>
        td {
            padding: 0.5rem 0 0.5rem 0
        }
    </style>
    <link href="~/Style/Css/pricing.structure.css?v=1" rel="stylesheet" />
}

@section JS
{
    <script type="text/javascript">
        var basketUnderlyingName = "@Html.Raw(basketUnderlyingName)";
        $(() => {
            SetAceDropDown();
        });
    </script>
    <script src="~/front/calendar?v=@(HtmlUtil.JsVersion)"></script>
    <script src="@HtmlUtil.BasicDataJs("标的Live")"></script>
    <script src="~/Scripts/app/underlying/pop_basketUnderlyingSettingView.js?V=@(HtmlUtil.JsVersion)"></script>
}

<div class="yc-panel" id="vueDiv">
    <h1>
        篮子组合标的名称-
        <input style="font-size:1rem;width:600px;text-align:left" disabled type="text" v-model="underlying_manager.UnderlyingCode" title="填写别名" />
    </h1>
    <div align="center" id="vueDiv" style="margin-top:10px;">
        <table style="width:900px;" class="table-bordered table">
            <thead>
                <tr style="background-color:#635b5b;">
                    <th style="width: 70%">标的代码</th>
                    <th style="width: 15%;">标的价格</th>
                    <th style="width: 15%;">标的权重</th>
                </tr>
            </thead>
            <tbody id="body">
                <tr v-for="(item,index) in underlying_manager.Items" class="item">
                    <td style="text-align:center">
                        {{item.code}}
                    </td>
                    <td style="text-align:center">
                        {{item.Price}}
                    </td>
                    <td style="text-align:center">
                        {{item.weight}}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="mt-4" style="text-align:center; width:100%;height:100%;margin:0px; " v-show="underlying_manager.Items.length>0">
        @if (CurUser.基础参数管理.标的资产编辑)
        {
            <button type="button" class="btn btn-primary" onclick="vue.Edit()">编辑</button>
        }
        &emsp;
        &emsp;
        <button type="button" class="btn btn-primary" onclick="vue.cancel()">关闭</button>
    </div>
</div>