@model ForwardTradeEditModel
@{
    ViewBag.Title = "远期交易信息 | 编辑";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var tradeModel = Model.Trade;
    var tradeMarginTemplates = new tradeController().GetMarginTemplates();
    var tradeMarginTemplateItems = new tradeController().GetMarginTemplateItems();
    var assetunits = JsDataModel.GetAssetUnits(CurUser);
    var traders = JsDataModel.GetTraders(assetunits);
    var pageObj = new
    {
        tradeMarginTemplates = tradeMarginTemplates,
        tradeMarginTemplateItems = tradeMarginTemplateItems,
        traderList = traders,
        needRemark = !Model.IsNew && valuedateBLL.SystemDate.EditTradeNeedRemark,
        showCCR = PS.Config.Company == CompanyEnum.国海,
        showHuaAn = PS.Config.Company == CompanyEnum.华安,
        ForwardTradePriceModel = PS.Config.ErpElement.ForwardTradePriceModel,
        generateAmendDoc = PS.Config.TradeElement.IsGenerateAmendDoc,
        needSendChangeEmail = PS.Config.TradeElement.IsAmendableAfterConfirm && PS.Config.TradeElement.IsGenerateAmendDoc,
        showZeQi = PS.Config.Is浙期,
        showRunHe = PS.Config.Is润和,
        ForwardValueIsSupplyOrPay = PS.Config.ErpElement.ForwardValueIsSupplyOrPay
    };
}
@section CSS{
    <style>
        #SpotPrice[readonly] { background-color: #fff; }
        /*yt-input-group*/
        .yt-input-group { position: relative; display: inline-block; width: 153px; }

            .yt-input-group a:focus, .yt-input-group a:hover { outline: none; text-decoration: none; }

        .yt-input-group-append { position: absolute; right: 8px; top: 5px; display: inline-block; }

            .yt-input-group-append.s1 { right: 26px; }

            a.yt-input-group-append, .yt-input-group-append > a { color: #e33333; }

        .formlabel { line-height: 30px; }

        .autocomplete-suggestions { width: auto !important; min-width: 12%; }
    </style>
    <link href="~/Style/Css/settag.css?v=@(HtmlUtil.JsVersion)" rel="stylesheet" />
}
    @section JS
    {
    <script type="text/javascript">
        var pageVue = @Json.Serialize(Model);
        const page = @Json.Serialize(pageObj);
    </script>
    <script src="~/front/calendar?v=@(HtmlUtil.JsVersion)"></script>
    <script src="@HtmlUtil.BasicDataJs("品种","客户","簿记","交易员")"></script>
    <script src="~/Scripts/app/tradeHelper.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Scripts/app/trade/forwardTradeEditV2.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Scripts/app/trade/settag.js?v=@HtmlUtil.JsVersion" type="text/javascript"></script>
    <script type="text/javascript">
        const HasEditTagPermission = @Json.Serialize(CurUser.系统管理.标签编辑权限);
    </script>
}

    <form id="form1" class="row" autocomplete="off" onsubmit="return false;" v-cloak>
        <div class="col-auto yc-panel" style="width: 330px;">
            <div class="form-group">
                <label class="formlabel">结构类型</label>
            @if (Model.CanSelectClient)
            {
                <select name="StructureType" id="StructureType" v-model="trade.StructureType">
                    <option value="远期">远期</option>
                    <option value="掉期">掉期</option>
                </select>
            }
            else
            {
                <select name="StructureType" id="StructureType" v-model="trade.StructureType" disabled>
                    <option value="远期">远期</option>
                    <option value="掉期">掉期</option>
                </select>
            }
        </div>
        <div class="form-group asset-type" style="display:none">
            <label class="formlabel">标的资产类型</label>
            <select name="UnderlyingInstrumentType" id="UnderlyingInstrumentType" v-model="trade.UnderlyingInstrumentType" v-on:change="changeInstrumentType">
                <option value="CommodityFutures">商品期货</option>
                <option value="StockIF">股指期货</option>
                <option value="CommoditySpot">商品现货</option>
            </select>
        </div>
        <div class="form-group" v-show="!showRunHe">
            <label class="formlabel">标的品种</label>
            <input id="VarietyId" class="text-box" type="text" name="VarietyId">
        </div>
        <template v-if="viewState.priceModel === 1">
            <div class="form-group">
                <label class="formlabel">标的代码</label>
                <input id="UnderlyingCode" class="text-box" type="text" name="UnderlyingCode" title="@(tradeModel.UnderlyingCode)">
                <div v-show="Compositespread" style="width:20px;display:inline;" v-on:click="syntheticUnderlyingSetting()">
                    <img style="width:25px;" src="/Images/configure.png">
                </div>
            </div>
            <div class="form-group" v-show="!showRunHe">
                <label class="formlabel"> 挂钩标的</label>
                <div class="yt-input-group">
                    <input id="BasisUnderlyingCode" class="text-box" type="text" name="BasisUnderlyingCode" title="@(tradeModel.BasisUnderlyingCode)">
                    <a href="javascript:void(0)" class="yt-input-group-append s1" v-on:click="clearBasisUnderlyingCode" v-show="trade.BasisUnderlyingCode">
                        <span title="清除挂钩标的" class="glyphicon glyphicon-remove"></span>
                    </a>
                </div>
            </div>
            <div class="form-group" v-show="!showRunHe">
                <label class="formlabel">基差</label>
                <vue-number-input id="BasisGap" name="BasisGap" class="text-box" type="text" v-model="trade.BasisGap" v-bind:disabled="!trade.BasisUnderlyingCode" v-bind:format="InputFormatUmPrice" onblur="vue.changeBasisGap()"></vue-number-input>
            </div>
        </template>
        <template v-else>
            <div class="form-group">
                <label class="formlabel">标的1</label>
                <input id="UnderlyingCode" class="text-box" type="text" name="UnderlyingCode" title="@(tradeModel.UnderlyingCode)">
            </div>
            <div class="form-group">
                <label class="formlabel">标的2</label>
                <div class="yt-input-group">
                    <input id="BasisUnderlyingCode" class="text-box" type="text" name="BasisUnderlyingCode" title="@(tradeModel.BasisUnderlyingCode)" v-bind:disabled="viewState.underlying.IsSynthetic">
                    <a href="javascript:void(0)" class="yt-input-group-append s1" v-on:click="clearBasisUnderlyingCode" v-show="trade.BasisUnderlyingCode">
                        <span title="清除标的代码2" class="glyphicon glyphicon-remove"></span>
                    </a>
                </div>
            </div>
            <div class="form-group">
                <label class="formlabel">标的1期初价格</label>
                <template v-if="viewState.underlying.IsSynthetic">
                    <input id="SpotPrice1" name="SpotPrice1" class="text-box has-popover-syn" type="number" v-model="trade.SpotPrice1" v-on:input="changeSpotPrice(true)" v-on:blur="blurSpotPrice" v-bind:step="getPriceTick()" v-bind:readonly="true" max="999999" min="-999999" />
                </template>
                <template v-else>
                    <vue-number-input id="SpotPrice1" name="SpotPrice1" class="text-box" type="text" v-model="trade.SpotPrice1" v-bind:disabled="!trade.UnderlyingCode || viewState.underlying.IsSynthetic" v-bind:format="InputFormatUmPrice" onblur="vue.changeCustomPrice()"></vue-number-input>
                </template>

            </div>
            <div class="form-group">
                <label class="formlabel">标的2期初价格</label>
                <vue-number-input id="SpotPrice2" name="SpotPrice2" class="text-box" type="text" v-model="trade.SpotPrice2" v-bind:format="InputFormatUmPrice" onblur="vue.changeCustomPrice()"></vue-number-input>
            </div>
        </template>
        <div class="form-group" v-show="showMaturityDate">
            <label class="formlabel">标的到期日</label>
            <input name="MaturityDate" v-model="viewState.underlying.MaturityDate" readonly class="text-box" type="text">
        </div>
        <div class="form-group">
            <label class="formlabel">交易单位</label>
            <input name="TradeUnit" v-model="viewState.variety.TradeUnit" readonly class="text-box" type="text">
        </div>

        <div class="form-group">
            <label class="formlabel">报价单位</label>
            <input name="QuoteUnit" v-model="viewState.variety.QuoteUnit" readonly class="text-box" type="text">
        </div>
        <div class="form-group">
            <label class="formlabel">计价币种</label>
            <input class="text-box" type="text" name="QuoteCurrency" v-model="trade.QuoteCurrency" readonly />
        </div>
        <div class="form-group" v-show="trade.QuoteCurrency && trade.QuoteCurrency!=='CNY'">
            <label class="formlabel">汇率</label>
            <input id="ExchangeRate" name="ExchangeRate" v-model="trade.MetaDic['ExchangeRate']" type="text" />
        </div>
        @if (Model.IsNew || PS.Config.ErpElement.CanEditTradeNumber)
        {
            <div class='form-group'>
                <label class='formlabel'>交易编号</label>
                <input id="TradeNumber" class="text-box @(Model.UpperTradeNumber?"text-uppercase":"")" type="text" v-model="trade.TradeNumber" name="TradeNumber" tabindex="-1" placeholder="留空自动生成" maxlength="50">
            </div>
        }
        <div id="salesCommissionCtrl"></div>


        <div class="form-group" v-show="!showRunHe">
            <label class="formlabel">预付金模板</label>
            <input name="MarginTemplateName" id="MarginTemplateName" class="text-box" type="text">
        </div>
        @if (pageObj.showCCR)
        {
            <div class="form-group" @*v-if="trade.MarginType==0"*@>
                <label class="formlabel">CCR指标k值</label>
                <vue-number-input id="ccr_k" name="ccr_k" v-model="trade.ccr_k"></vue-number-input>
            </div>
            <div class="form-group">
                <label class="formlabel">信用风险敞口</label>
                <select id="trade.ignoreRiskExposure">
                    <option value="0" @((!tradeModel.MetaDic.ContainsKey(YLErp.DBModels.Consts.ConsTradeMetaKey.ignoreRiskExposure)) || tradeModel.MetaDic[YLErp.DBModels.Consts.ConsTradeMetaKey.ignoreRiskExposure] != "1" ? "selected" : "")>参与计算</option>
                    <option value="1" @(tradeModel.MetaDic.ContainsKey(YLErp.DBModels.Consts.ConsTradeMetaKey.ignoreRiskExposure) && tradeModel.MetaDic[YLErp.DBModels.Consts.ConsTradeMetaKey.ignoreRiskExposure] == "1" ? "selected" : "")>忽略</option>
                </select>
            </div>
        }

        <div class="form-group" v-if="trade.MarginType>1">
            <label class="formlabel">初始预付金率</label>
            <vue-number-input name="MarginRate" v-model="trade.MarginRate" v-bind:format="inputFormatMarginRate"></vue-number-input>
        </div>
        <div class="form-group" v-if="page.showHuaAn && trade.MarginType==0">
            <label class="formlabel">初始预付金率</label>
            <vue-number-input name="MarginRate" v-model="trade.MarginRate" v-bind:format="inputFormatMarginRate"></vue-number-input>
        </div>
        <div class="form-group" v-if="trade.MarginType==2 || trade.MarginType==4">
            <label class="formlabel">持仓预付金率</label>
            <vue-number-input name="PositionMarginRate" v-model="trade.PositionMarginRate" v-bind:format="inputFormatMarginRate"></vue-number-input>
        </div>

        @if (PS.Config.ErpElement.SecuritiesEnvironment)
        {
            if (!PS.Config.Is润和)
            {
                <div class="form-group">
                    <label class="formlabel">交易场所</label>
                    <select name="TradingPlace" v-model="viewState.Extend.TradingPlace" v-on:change="changeTradingPlace">
                        @foreach (var item in YLErp.DBModels.Consts.ConsReport.TradingPlaceMap)
                        {
                            <option>@item.Key</option>
                        }
                    </select>
                </div>

                <div class="form-group">
                    <label class="formlabel">清算机构</label>
                    <select name="ClearingAgency" v-model="viewState.Extend.ClearingAgency" v-on:change="changeClearingAgency">
                        @foreach (var item in YLErp.DBModels.Consts.ConsReport.ClearingAgencyMap)
                        {
                            if (item.Key == "甲方" || item.Key == "乙方")
                            {
                                continue;
                            }
                            <option>@item.Key</option>
                        }
                    </select>
                </div>
            }

            if (Model.CanSelectClient)
            {
                <div class="form-group">
                    <label class="formlabel">主协议编号</label>
                    <select name="MainProtocolCode" id="MainProtocolCode" v-on:change="changeMainProtocolCode">
                    </select>
                </div>

                <div class="form-group">
                    <label class="formlabel">补充协议编号</label>
                    <select name="SupProtocolCode" id="SupProtocolCode">
                    </select>
                </div>
            }
            else
            {
                var MainProtocolCode = Model.Trade.MetaDic.Keys.Contains("主协议编号") ? Model.Trade.MetaDic["主协议编号"] : "";
                var SupProtocolCode = Model.Trade.MetaDic.Keys.Contains("补充协议编号") ? Model.Trade.MetaDic["补充协议编号"] : "";
                <div class="form-group">
                    <label class="formlabel">主协议编号</label>
                    <input name="MainProtocolCode" id="MainProtocolCode" class="text-box" type="text" value="@MainProtocolCode" readonly>
                </div>

                <div class="form-group">
                    <label class="formlabel">补充协议编号</label>
                    <input name="SupProtocolCode" id="SupProtocolCode" class="text-box" type="text" value="@SupProtocolCode" readonly>
                </div>
            }
        }
        else
        {
            <div class="form-group" v-show="!showRunHe">
                <label class="formlabel">中央对手方清算</label>
                <select id="IsCentralClearing" name="IsCentralClearing">
                    <option value="N">否</option>
                    <option value="Y">是</option>
                    <option value="I">计划中央对手方清算</option>
                </select>
            </div>

            <div class="form-group" v-show="!showRunHe">
                <label class="formlabel">中央清算平台</label>
                <select id="CentralClearingPaltform" name="CentralClearingPaltform">
                    @foreach (var item in YLErp.BLL.DictionaryBLL.GetList("中央清算平台", true, "", true))
                    {
                        <option value="@item.Value">@item.Text</option>
                    }
                </select>
            </div>
            <div class="form-group" v-show="!showRunHe">
                <label class="formlabel">交易平台</label>
                <select id="TradingPaltform" name="TradingPaltform">
                    @foreach (var item in YLErp.BLL.DictionaryBLL.GetList("交易平台", true, "", true))
                    {
                        <option value="@item.Value">@item.Text</option>
                    }
                </select>
            </div>
        }

        @if (!PS.Config.Is润和)
        {
            <div class="form-group">
                <label class="formlabel">交易对手方角色</label>
                <select name="OpponentRole" v-model="trade.OpponentRole">
                    <option>甲方</option>
                    <option>乙方</option>
                </select>
            </div>
        }

        @*@if (!Model.IsNew)
        {
        <div class="form-group">
        <label class="formlabel">是否有效</label>
        <select id="ValidState" name="ValidState" v-model="trade.ValidState">
        <option value="Valid">有效</option>
        <option value="InValid">无效</option>
        </select>
        </div>
        }*@

    </div>
    <div class="col yc-panel">
        <div class="row">
            @if (Model.CanSelectClient)
            {
                <div class="form-group col-6">
                    <label class="formlabel">客户名称</label>
                    <input id="ClientId" class="text-box" type="text" name="ClientId" autocomplete="off">
                </div>
            }
            else
            {
                <div class="form-group col-6">
                    <label class="formlabel">客户名称</label>
                    <input id="ClientName" class="text-box" type="text" value="@(tradeModel.ClientName)" name="ClientName" readonly>
                </div>
            }

            @if (Model.CanSelectTrader)
            {
                <div class="form-group col-6">
                    <label class="formlabel">交易员</label>
                    <input id="TraderId" class="text-box" type="text" name="TraderId">
                </div>
            }
            else
            {
                <div class="form-group col-6">
                    <label class="formlabel">交易员</label>
                    <input id="TraderName" class="text-box" type="text" value="@(tradeModel.TraderName)" name="TraderName" readonly>
                </div>
            }

            <div class="form-group col-6">
                <label class="formlabel">簿记账户</label>
                <input id="AssetId" class="text-box" type="text" name="AssetId">
            </div>

            <div class='form-group col-6'>
                <label class='formlabel'>成交日期</label>
                <vue-datepicker name="TradeDate" class="text-box" :maxdate="maxTradeDate" v-model="trade.TradeDate" v-on:input="changeTradeDate" />
            </div>

            @if (pageObj.showZeQi)
            {
                <div class="form-group col-6" v-show="isShowActualExerciseDate">
                    <label class="formlabel">实际到期日期</label>
                    <vue-datepicker name="ActualExerciseDate" v-model="trade.MetaDic['ActualExerciseDate']" v-on:input="changeActualExerciseDate" />
                </div>
            }

            <div class='form-group col-6'>
                <label class='formlabel'>到期日期</label>
                <vue-datepicker name="TradeEndDate" :maxdate="viewState.underlying.MaturityDate" v-model="trade.ExerciseDate" v-on:input="changeExerciseDate" />
            </div>

            <div class="form-group col-6" v-show="!showRunHe">
                <label class="formlabel">结算日期</label>
                <vue-datepicker name="SettlementDate" v-model="trade.SettlementDate" />
            </div>



            <div class="form-group col-6">
                <label class="formlabel">交易方向</label>
                <select id="BuySell" name="BuySell" v-model="trade.BuySell" v-on:change="resetTradePrice(true)">
                    <option value="卖出" class="client-buy">卖出</option>
                    <option value="买入" class="client-sell">买入</option>
                </select>
            </div>

            <div class="form-group col-6" v-show="!showRunHe">
                <label class="formlabel">多空方向</label>
                <select id="OptionType" name="OptionType" v-model="trade.OptionType" v-on:change="changeOptionType">
                    <option value="看涨">多头</option>
                    <option value="看跌">空头</option>
                </select>
            </div>

            <div class="form-group col-6">
                <label class="formlabel">手数</label>
                <vue-number-input name="Lots" v-model="trade.Lots" v-on:input="changeLots" v-bind:format="InputFormatLots" v-bind:disabled="showRunHe"></vue-number-input>
            </div>

            <div class="form-group col-6">
                <label class="formlabel">成交数量</label>
                <vue-number-input name="TradeAmount" v-model="trade.TradeAmount" v-on:input="changeTradeAmount" v-bind:format="inputFormatTradeAmount"></vue-number-input>
            </div>

            <div class="form-group col-6">
                <label class="formlabel">交割价格</label>
                <vue-number-input name="Strike" v-model="trade.Strike" v-bind:format="InputFormatUmPrice" v-on:input="changeStrike"></vue-number-input>
                <span class="required">*</span>
            </div>
            <div class="form-group col-6">
                <label class="formlabel">期初标的价格</label>
                <template v-if="viewState.priceModel === 1">
                    <div class="yt-input-group">
                        <input type="number" class="text-box has-popover-syn" v-model="trade.SpotPrice" v-on:input="changeSpotPrice(true)" v-bind:format="InputFormatUmPrice" v-on:blur="blurSpotPrice" v-bind:step="getPriceTick()" v-bind:readonly="!!viewState.synthetic" max="999999" min="-999999" />
                        <a href="javascript:void(0)" class="yt-input-group-append s1" v-on:click="getSpotPrice">
                            <span title="使用系统标的价格" class="glyphicon glyphicon-refresh"></span>
                        </a>
                    </div>
                </template>
                <template v-else>
                    <div class="yt-input-group">
                        <input name="SpotPrice" type="number" class="text-box has-popover-syn" v-model="trade.SpotPrice" v-on:input="changeSpotPrice(true)" v-on:blur="blurSpotPrice" v-bind:step="getPriceTick()" v-bind:readonly="true" max="999999" min="-999999" />
                    </div>
                </template>
            </div>

            <div class="form-group col-6">
                <label class="formlabel">{{trade.StructureType}}价值</label>
                <input id="ForwardValue" class="text-box" readonly type="text" name="ForwardValue" v-model="trade.ForwardValue" v-bind:disabled="!pageVue.IsNew">
            </div>


            @if (Model.ShowInitialMargin)
            {
                <div class="form-group col-6">
                    <label class="formlabel">初始预付金</label>
                    <div class="yt-input-group">
                        <input name="InitialMargin" type="number" v-model="trade.InitialMargin" step="0.1" />
                        <a href="javascript:;" v-on:click="getInitialMargin" title="获取初始预付金" class="yt-input-group-append s1">
                            <i class="fa fa-refresh"></i>
                        </a>
                    </div>
                </div>
            }

            <div class="form-group col-6" v-show="!showRunHe">
                <label class="formlabel">开仓费用</label>
                <vue-number-input name="OpenCommission" v-model="trade.OpenCommission" v-bind:format="InputFormatOpenCommission" v-on:input="changeOpenCommission"></vue-number-input>
                <span class="required">* <label v-if="trade.OpenCommission!=0">我方{{trade.OpenCommission > 0 ? "收取"+trade.OpenCommission:"支付"+trade.OpenCommission*-1}} 元/手</label></span>
            </div>

            <div class="form-group col-6" v-show="TradePrice&&!showRunHe">
                <label class="formlabel">开仓总费用</label>
                <input id="TradePrice" class="text-box" type="text" v-on:change="changeTradePrice" name="TradePrice" v-model="trade.TradePrice">
            </div>

            <div class="form-group col-6" v-show="!showRunHe">
                <label class="formlabel">年化预付金成本</label>
                <vue-number-input name="AnnualMarginRate" v-model="trade.AnnualMarginRate" v-bind:format="InputFormatPercent"></vue-number-input>
            </div>

            <div class="form-group col-6" v-show="!showRunHe">
                <label class="formlabel">年化仓储成本</label>
                <vue-number-input name="AnnualStoragePrice" v-model="trade.AnnualStoragePrice" v-bind:format="InputFormatSinglePrice"></vue-number-input>
                <span>{{viewState.variety.QuoteUnit}}</span>
            </div>

            <div class="form-group col-6" v-show="!showRunHe">
                <label class="formlabel">无风险利率</label>
                <vue-number-input name="NoRiskRate" v-model="trade.NoRiskRate" v-bind:format="InputFormatPercent"></vue-number-input>
            </div>

            @*<div class="form-group col-md-6">
            <label class="formlabel">观察频率</label>
            <button class="btn btn-sm btn-outline-danger" type="button" id="setObservationDatesBtn" data-observationdates="@Model.Trade.ObservationDates" data-observationnum="1" data-observationunit="D" data-observationholidaytype="Following" data-alignend="0" onclick="setObservationDates(this)">设置观察日</button>
            </div>*@

            <div class="form-group col-6" v-show="!showRunHe">
                <label class="formlabel">是否补偿远期价值</label>
                <select id="IsSupplyForwardValue" name="IsSupplyForwardValue" v-model="trade.MetaDic['IsSupplyForwardValue']" v-on:change="changeSupplyForwardValue">
                    <option value="0" @(tradeModel.MetaDic.ContainsKey("IsSupplyForwardValue") && tradeModel.MetaDic["IsSupplyForwardValue"] == "0" ? "selected" :"")>否</option>
                    @if (PS.Config.ErpElement.ForwardValueIsSupplyOrPay != YLErp.Configuration.Enums.ForwardValueIsSupplyOrPay.Type2)
                    {
                        <option value="1" @(tradeModel.MetaDic.ContainsKey("IsSupplyForwardValue") && tradeModel.MetaDic["IsSupplyForwardValue"] == "1" ? "selected" :"")>补偿</option>
                    }
                    @if (PS.Config.ErpElement.ForwardValueIsSupplyOrPay != YLErp.Configuration.Enums.ForwardValueIsSupplyOrPay.Type1)
                    {
                        <option value="-1" @(tradeModel.MetaDic.ContainsKey("IsSupplyForwardValue") && tradeModel.MetaDic["IsSupplyForwardValue"] == "-1" ? "selected" : "")>支付</option>
                    }
                </select>
            </div>
            <div class="form-group col-md-6" v-show="!showRunHe">
                <label class="formlabel">观察频率</label>
                <input type="text" min="0" class="text-box" id="ObservationRate" name="DateSet" readonly />

                <button class="btn btn-sm btn-outline-danger" type="button" id="setObservationDatesBtn" data-observationstart="@Model.Trade.ObservationStart" data-observationdates="@Model.Trade.ObservationDates" data-observationnum="1" data-observationunit="D" data-observationholidaytype="Following" data-alignend="0" onclick="setObservationDates(this)">均价结算设置</button>
            </div>
        </div>
        <div class="row">
            <div class='form-group col-12'>
                <label class='formlabel'>备注</label>
                <textarea id='Comments' style="width: 642px!important;" class='text-box w-100 h-auto text-left' rows='3' name='Comments' v-model="trade.Comments"></textarea>
            </div>
        </div>
        @if (CurUser.交易管理_交易标签调整权限)
        {
            <div class="row">
                <div class='form-group col-12'>
                    <label class='formlabel'>标签</label>
                    <div class="tag-context" style="border: 1px solid #bbb;width:560px;display:inline-block;line-height:36px;">
                        @if (Model.Tags != null && Model.Tags.Any())
                        {
                            foreach (var tag in Model.Tags)
                            {
                                <span class="tag-item" data-id="@tag.Id" data-name="@tag.Name"><span class="tag-text" data-value="@tag.Id">@tag.Name</span><span class="tag-remove" onclick="DeleteTag('@tag.Name')">x</span></span>
                            }
                        }
                        <span class="tag-add">+</span>
                    </div>
                </div>
            </div>
        }
        <div class="row" id="hidsearchtag" style="display:none;">
            <div class="tag-search">
                <div class="keyword-div">
                </div>
                <div class="selectlist">
                </div>
            </div>
        </div>
        <div id="hidhastags" style="display:none;">
            <ul>
                @if (((List<sys_tag>)ViewBag.TagList) != null && ((List<sys_tag>)ViewBag.TagList).Any())
                {
                    foreach (var tag in (List<sys_tag>)ViewBag.TagList)
                    {
                        <li data-id="@tag.id">@tag.Name</li>
                    }
                }
            </ul>

            <span class="js-li-none-tip" style="display:none;">没有可选择的标签，可按Enter键新增</span>
        </div>
        <div class="row">
            <div class="col-12 pt-5 pl-5 text-center">
                @if (ViewBag.isUseApproval)
                {
                    <button class="btn btn-primary" type="button" v-on:click="submit('pass')">审批通过</button>
                    <button class="btn btn-primary" type="button" v-on:click="submit('reject')">拒绝</button>
                }
                else
                {
                    <button class="btn btn-primary" type="button" id="btn_save" v-on:click="saveTrade">保存</button>
                    <button class="btn btn-primary" type="button" onclick="layer.closeMe()">关闭</button>
                }
            </div>
        </div>
    </div>
</form>

@await Html.PartialAsync("/Views/pricing/_SyntheticPrice.cshtml")
@await Html.PartialAsync("/Views/trade/_part/SalesCommission.cshtml", new SalesCommissionModel() { Disabled = false, ViewType = "远期" })
<div id="extendInfo" style="display:none">
    <div class="search-group">
        <textarea style="width: 580px;height: 160px;margin: 10px;resize: none;" id="editRemarks"></textarea>
    </div>
</div>