@{
    ViewBag.Title = "篮子组合标的设置";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
}
@section CSS{
    <link href="~/Style/Css/SyntheticUnderlyingSetting.css?v=@(HtmlUtil.JsVersion)" rel="stylesheet" />
    <style>
        input[readonly] {
            background-color: #ffffff
        }

        .autocomplete-suggestions {
            width: auto !important;
            min-width: 45%;
            max-width: 85%;
        }
    </style>
    <link href="~/Style/Css/pricing.structure.css?v=1" rel="stylesheet" />
}

@section JS
{
    <script type="text/javascript">
        function changeInputlength(cursor) {
            cursor.size = (cursor.value.length) * 2 + 2;
        }
    </script>
    <script src="~/front/calendar?v=@(HtmlUtil.JsVersion)"></script>
    <script src="@HtmlUtil.BasicDataJs("标的Live")"></script>
    <script src="~/Scripts/app/underlying/BasketUnderlying.js?v=@(HtmlUtil.JsVersion)"></script>
}
<script type="text/html" id="uploadTpl">
    <div class="container" style="overflow:hidden;padding:20px;">
        <form class="form-horizontal" method="post" id="formImport" onsubmit="return false;">
            <div>
                <input type="file" id="openFile" name="file" accept="text/csv" />
            </div>
            <div style="margin: 0px auto; padding: 10px;">
                <input class="btn btn-primary" type="button" onclick="vue.importDatas();return false;" value="导入数据" />
                <input class="btn btn-primary" type="button" onclick="layer.closeAll();return false;" value="关闭" />
            </div>
        </form>
    </div>
</script>

<!--标的下拉选择显示模板-->
<script type="text/html" id="underlyingSuggestionTpl">
    <div class="row no-gutters" style="padding:3px 10px;">
        <div class="text-left">${Code}</div> &nbsp;
        <div class="text-truncate font-weight-light small" style="margin-top:3px;">${Name}</div>
    </div>
</script>


<div class="yc-panel" id="vueDiv">
    <h1>
        篮子组合标的设置-
        <input style="font-size:1rem;width:auto;min-width:200px; max-width:600px;text-align:left" onkeyup="changeInputlength(this);" type="text" v-model="underlying_manager.UnderlyingCode" title="填写别名" />
    </h1>
    <div role="form" class="addNew" style="width:920px;height:32px" align="center">
        <button type="button" class="btn btn-primary" style="float:left" onclick="vue.addUnderlying()">新增标的</button>
        <button type="button" class="btn btn-primary" style="float:left" onclick="vue.uploadSettlementBill()">批量导入</button>
        <a class="btn btn-primary" style="float:left" href="/download/ImportTemplate/篮子标的导入模板" target="_blank">模板下载</a>
        <button type="button" style="float:right" class="btn btn-primary" onclick="vue.deleteUnderlying()">删除选中</button>
    </div>
    <div style="margin-top:20px;" align="center" id="vueDiv">
        <table style="width:900px;" class="table-bordered table">
            <thead id="head" style="display:none;">
                <tr>
                    <th><input type="checkbox" id="parent" onclick="vue.checked(this)" /></th>
                    <th style="width: 70%">标的代码</th>
                    <th style="width: 15%;">标的价格</th>
                    <th style="width: 15%;">标的权重</th>
                </tr>
            </thead>
            <tbody @*style="display:none"*@ id="body">
                <tr v-for="(item,index) in underlying_manager.Items" class="item">
                    <td>
                        <input class="chek" :id="index" type="checkbox" v-bind:value="index" />
                    </td>
                    <td>
                        <vue-underlying v-model="item.code" v-bind:index="index" v-on:input="changeunderlying(index)" style="width:100%;text-align:center" />
                    </td>
                    <td>
                        <input :id="'Price'+index" readonly="readonly" v-model="item.Price" v-bind:index="index" type="text" style="display:block;border:none;width:100%" />
                    </td>
                    <td>
                        <input type="number" class="form-control" v-bind:index="index" v-model="item.weight" style="border:none;width:100%" />
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div v-show="underlying_manager.Items.length>0">
        组合标价格：<input type="text" id="price" v-model="underlying_manager.Price" />
        <a href="javascript:void(0)" v-on:click="vue.sumprice()"><span title="刷新篮子标的总价" class="glyphicon glyphicon-refresh"></span></a>
    </div>
    <div class="mt-4" v-show="underlying_manager.Items.length>0">
        <button type="button" class="btn btn-primary" onclick="vue.save()">保存</button>
        <button type="button" class="btn btn-primary" onclick="vue.cancel()">取消</button>
    </div>
</div>