@{
    ViewBag.Title = "基差曲线新增";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
}
@section Css
{
    <link rel="stylesheet" href="~/Style/Css/tradeEdit.css" />
    <style>
        .form-group {
            width: 400px;
        }
    </style>
}
@section JS
{
    <script src="@HtmlUtil.BasicDataJs("品种","标的Live")"></script>
    <script src="~/Scripts/app/underlying/underlying_basis_curve.js?v=@(HtmlUtil.JsVersion)"></script>
}

<!--标的下拉选择显示模板-->
<script type="text/html" id="underlyingSuggestionTpl">
    <div class="row no-gutters" style="padding:3px 10px;">
        <div class="col text-left">${Code}</div>
        <% if (!!Name) { %>
        <% } %>
    </div>
</script>

<div class="yc-panel" id="vueDiv">
    <div style="text-align:center;margin: 0px auto;">
        @*<div class="form-group asset-type">
            <label class="formlabel">标的资产类型</label>
            <select class="" name="UnderlyingInstrumentType" id="UnderlyingInstrumentType">
                <option value="CommodityFutures">商品期货</option>
                <option value="CommoditySpot">商品现货</option>
            </select>
        </div>
        <div class="form-group">
            <label class="formlabel">标的品种</label>
            <input id="VarietyId" class="text-box text-center" type="text" value="" name="VarietyId">
        </div>*@
        <div class="form-group">
            <label class="formlabel">标的资产码</label>
            <input id="UnderlyingId" class="text-box text-center" type="text"  name="UnderlyingId">
        </div>
        <div class="form-group">
            <label class="formlabel">标的资产名称</label>
            <input id="UnderlyingName" class="text-box text-center" readonly type="text" value="" name="UnderlyingName">
        </div>
        <div class="form-group">
            <label class="formlabel">插值方式</label>
            <select class="" v-model="underlying_BasisCurve.InterpolationMethod" name="InterpolationMethod" id="InterpolationMethod">
                <option value="1">阶梯水平插值</option>
                <option value="2">线性插值</option>
                <option value="3">CubicSpline插值</option>
            </select>
        </div>
    </div>
    <div>
        <div style="margin-top:10px;" align="center">
            <table class="table-bordered table">
                <thead id="head">
                    <tr>
                        <th>期限</th>
                        <th>参考期货合约</th>
                        <th>基差</th>
                    </tr>
                </thead>
                <tbody id="body">
                    <tr v-for="(item,index) in underlying_BasisCurve.InterpolationData" class="item">
                        <td>
                            <input :id="'term'+index" v-model="item.term" v-on:blur="checkAddExpire(index)" v-bind:index="index" type="text" style="text-align: center;display:block;width:90px;" />
                        </td>
                        <td>
                            <vue-underlying v-model="item.UnderlyingCodes" v-bind:index="index" />
                        </td>
                        <td>
                            <input :id="'BasisCurve'+index" v-model="item.BasisCurve" v-bind:index="index" type="text" style="width:60px;" />
                            <a href="javascript:void(0)" v-on:click="deleteUnderlying(index)">
                                <span title="点击删除" class="glyphicon glyphicon-remove"></span>
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="mt-4">
            <button type="button" class="btn btn-primary" onclick="vue.save()">保存</button>
            <button type="button" class="btn btn-primary" onclick="vue.addUnderlying()">新增</button>
            <button type="button" class="btn btn-primary" onclick="vue.cancel()">关闭</button>
        </div>
    </div>
</div>