@{
    if (ViewBag.isLayer)
    {
        Layout = "~/Views/Shared/_InfoLayout.cshtml";
    }
    else
    {
        Layout = "~/Views/Shared/_MainLayout.cshtml";
    }
}
@section CSS{
    <style>
        .aLike, .aLike:hover {
            color: orangered;
            text-decoration: underline;
            cursor: pointer;
        }

        .firstSpan {
            width: max-content;
            margin: 0 10px;
        }

        #outputButton {
            float: right;
        }

        .conditionRow {
            display: flex;
            border: 1px solid #bbb;
            margin: 5px 0 !important;
            position: relative;
            height: 34px;
            width: 900px;
        }

        .firstDiv {
            width: 152px;
            text-align: center;
            border-right: 1px solid #bbb;
            margin: 0;
            padding: 5px;
        }

        .chosen-choices, .chosen-choices * {
            border: 0 !important;
        }

        .midDiv {
            position: absolute;
            left: 152px;
            right: 50px;
            border-right: 1px solid #bbb;
            margin: 0;
        }

        .lastDiv {
            width: 50px;
            position: absolute;
            right: 0;
            text-align: center;
            padding: 5px;
        }

            .lastDiv .fa {
                color: #aeaeae;
            }

        li.search-choice, li.search-choice span {
            width: auto !important;
        }

        .importButton, .importButton:hover {
            position: absolute;
            width: 103px;
            border: 1px solid #2bb5f3;
            right: 0px;
            height: 32px;
            padding: 5px;
            color: #2bb5f3;
            background-color: #b6e5fb;
        }

        .chosen-container-multi .chosen-choices {
            width: 100%;
        }

        .fixedRange {
            background-color: #f2f2f2;
        }
    </style>
}
@section JS{
    <script>
        const pageObj = @Json.Serialize(ViewBag.pageObj);
    </script>
    <script src="~/Scripts/app/pricing/HistoricalBacktest.js?v=@(HtmlUtil.JsVersion)"></script>
}

<div style="max-width:1200px;padding-left:20px;" id="_content">
    <div id="searchdiv">
        <div class="searchdiv" style="display: flex;">
            <label class="form-label firstSpan">数据来源</label>
            <div>
                <div class="">
                    <select class="form-input" v-model="dataSourceType" v-on:change="changedataSourceType()">
                        <option v-for="item in pageObj.dataSourceTypeList" :value="item">{{item}}</option>
                    </select>
                    <select class="form-input" v-model="dataSource">
                        <option v-for="item in dataSourceList" :value="item.EncryptId">{{item.ConfigName}}</option>
                    </select>
                    @*<a class="aLike" v-on:change="showDetail()">交易详情查看</a>*@
                </div>
                <div class="conditionRow">
                    <div class="firstDiv">
                        <span class="form-label">维度</span>
                    </div>
                    <div class="midDiv">
                        <select style="width:100%" class="chosen-select" data-placeholder="请选择" multiple id="range">
                            <option v-for="item in pageObj.calcRange" :value="item">{{item}}</option>
                        </select>
                        <a class="aLike importButton" v-on:click="importPrice()">维度序列导入</a>
                    </div>
                    <div class="lastDiv">
                        <a class="aLike" v-on:click="clearInfo('range')"><i class="fa fa-trash-o fa-lg"></i></a>
                    </div>
                </div>
                <div class="conditionRow">
                    <div class="firstDiv">
                        <span class="form-label">指标</span>
                    </div>
                    <div class="midDiv">
                        <select style="width:100%" class="chosen-select" data-placeholder="请选择" multiple id="index">
                            <option v-for="item in pageObj.calcIndex" :value="item">{{item}}</option>
                        </select>
                    </div>
                    <div class="lastDiv">
                        <a class="aLike" v-on:click="clearInfo('index')"><i class="fa fa-trash-o fa-lg"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="searchdiv">
            @MyControls.Btn("开始计算", "mainVue.SearchClick()")
            @MyControls.Btn("结果导出", "mainVue.Output()", id: "outputButton")
        </div>
    </div>
    @Html.Raw(JqGridSimple.OutTable(1))
</div>
<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=".xls,.xlsx" />
            </div>
            <div style="margin: 0px auto; padding: 10px;">
                <input class="btn btn-primary" type="button" onclick="importDatas();return false;" value="导入" />
                <a class="btn btn-primary" href="/download/ImportTemplate/历史回测维度序列模板" target="_blank">模板下载</a>
                <input class="btn btn-primary" type="button" onclick="layer.closeAll();return false;" value="关闭" />
            </div>
        </form>
    </div>
</script>