@model Client

@using EnumHelper = System.Web.Mvc.Html.EnumHelper
@{
    ViewBag.Title = "客户信息|编辑";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var dicNames = new[] {
        "协议签署版本", "行业", "期望收益", "投资经验", "适当性客户分类", PS.Config.Is中财 ? "投资知识" : "风险偏好"
    };
    var yldic = DictionaryBLL.GetDictionary(dicNames);
    var isClientEdit = CurUser.客户管理.客户修改 || CurUser.客户管理.客户新增 && Model.id == 0;
    var pageObj = new
    {
        id = Model.id,
        EncryptId = Model.EncryptId,
        IsNew = Model.id == 0,
        ProcessStatus = Model.ProcessStatus,
        ClientApprovalProcessCount = ViewBag.ClientApprovalProcessCount,
        IsShenWan = YLErp.PS.Config.Is申万,
        TabEditId = ViewBag.TabEditId,
        IsProduct = (Model.ClientType == ClientTypeEnum.产品.ToString()),
        IsSecuritiesEnvironment = PS.Config.ErpElement.SecuritiesEnvironment,
        IsHaiTong = YLErp.PS.Config.Is海通,
        IsZhongCai = YLErp.PS.Config.Company == CompanyEnum.中财资本,
        ActualSubject = (Model.MetaDic.TryGetValue("同一主体", out var temp) ? temp : "").Split(new[] { ',' }, StringSplitOptions.RemoveEmptyEntries),
    };
    var maxRequestLength = PS.Config.UploadFileSizeLimit;
    var tradingInstType = (int)Model.TradingInstType;
    var ProtocolSignVersionItems = yldic.GetList("协议签署版本", false);
    if (PS.Config.Company == CompanyEnum.海通 && Model.id == 0 && ProtocolSignVersionItems.Any(n => n.Value == "SAC2014版"))
    {
        Model.ProtocolSignVersion = "SAC2014版";
    }
}

@section CSS{
    <link href="~/Statics/libs/datetime/flatpickr/flatpickr.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/Style/Css/ClientList.css?v=@HtmlUtil.JsVersion" />
    <style>
        .form-group select { min-width: 208px; }

        .mr-2 { display: inline-block; width: 80%; margin-top: 5px }

        .mr-2 span { margin-right: .55rem !important }

        .mr-2 label { width: 42% }

        .inline-4 { display: inline-block; width: 25% }

        .flow { width: 100%; margin: 10px 0 35px; height: 60px; position: relative }

        .flowList { float: left; height: 1px; border: 1px solid #ccc; background: #ccc }

        .flowList-dash { float: left; height: 1px; border: 1px dashed #ccc; background: white }

        .flowListBox { top: 30px; width: 80%; margin-left: 40px; margin-right: 25px; display: block; float: left; position: relative }

        .flowListBox .flowList { float: left; text-align: right; }

        .flowListBox .flowList-dash { float: left; text-align: right }

        .flowListBox .flowList em { margin-top: -17px; display: inline-block; width: 30px; height: 30px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #ccc; text-align: center; line-height: 30px; font-style: normal; font-weight: 500; vertical-align: middle; color: #fff; box-shadow: 0 0 2px 2px rgba(255,255,255,.56); cursor: pointer }

        .flowListBox .flowList-dash em { margin-top: -17px; display: inline-block; width: 30px; height: 30px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #ccc; text-align: center; line-height: 30px; font-style: normal; font-weight: 500; vertical-align: middle; color: #fff; box-shadow: 0 0 2px 2px rgba(255,255,255,.56); cursor: pointer }

        .flowList.for-cur { border: 1px solid #14937A; background-color: white; }

        .flowList-dash.for-cur { border: 1px dashed #14937A; background-color: white; }

        .flowListBox .for-cur em { background-color: #14937A }
        .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 208px;}
    </style>
}
@section JS{
    <script src="~/Statics/libs/datetime/flatpickr/flatpickr.min.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/upload/js/jquery.iframe-transport.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/upload/js/jquery.fileupload.js?v=@(HtmlUtil.JsVersion)"></script>

    <script type="text/javascript">
        var maxRequestLength = @maxRequestLength;
        var maxAnnexLength = @YLErp.Modules.SuperviseReportModule.SAC.Model.ReportStatusModel.MaxAnnexLength;
        var page = @Json.Serialize(pageObj);
        $(function () {
            if (page.IsZhongCai) {
                $("label[for='RiskPreference']").text("投资知识");
            }
            $("#notes").html($("#uploadFileNotes").html());
            $("#uploadFileNotes").html("");
            if (page.IsHaiTong) {
                document.querySelector('[for="RegisteredCapital"]').textContent = "注册资本(万元)";
            }
            FastVue.numberInput(document.getElementById('RegisteredCapital'));
        });
    </script>
    <script src="~/Scripts/app/client/clientEdit.js?v=@(HtmlUtil.JsVersion)"></script>
}

<div class="toolbarDiv">
    @if (isClientEdit)
    {
        @MyControls.Btn("保存", "saveclient()")
    }
    @MyControls.Btn("提交开户审批", "submitProcess();", "", "submitProcessBtn")
    @if (Model.id > 0)
    {
        @MyControls.Btn("操作历史", "ClientOperationHistory()")
    }
    @MyControls.Btn("关闭", " window.parent.reloadclient();layer.closeMe();")
    @if (PS.Config.ErpElement.HasClientSide && CurUser.客户管理.客户端密码设置)
    {
        if (Model.id > 0 && string.IsNullOrEmpty(Model.Guid))
        {
            @MyControls.Btn("初始化密码", "resetPassword();")
        }
        else if (Model.id > 0 && !string.IsNullOrEmpty(Model.Guid))
        {
            @MyControls.Btn("重置密码", "resetPassword();")
        }
    }
    @MyControls.Btn("流程清单检查", "openclientfileaudit()")
</div>
@Html.HiddenFor(model => model.id)

<div class="flow" style="display:inline-flex">
    <div class="flowListBox">
        <div class="flowList for-cur" id="flowPoint1" style="position: relative; width: 3%;">
            <em style="position: absolute; left: 0%;" onclick="getTab('1')">
                <i class="fa fa-check" style="color:white;"></i>
                <span>1</span>
            </em>
            <br>
            <strong style="position:absolute;left:-100%;right:-55%">基本信息</strong>
        </div>
        <div class="flowList" id="flowPoint2" style="position: relative; width: 18%;">
            <em style="position: absolute; left: 84%;" onclick="getTab('2')">
                <i class="fa fa-check" style="color:white;"></i>
                <span>2</span>
            </em>
            <br>
            <strong style="position:absolute;right:-15%">投资风险调查</strong>
        </div>
        <div class="flowList" id="flowPoint3" style="position: relative; width: 18%; ">
            <em style="position: absolute; left: 84%;" onclick="getTab('3')">
                <i class="fa fa-check" style="color:white;"></i>
                <span>3</span>
            </em>
            <br>
            <strong style="position:absolute;right:-12%">适当性管理</strong>
        </div>
        <div class="flowList-dash" id="flowPoint4" style="position: relative; width: 18%;">
            <em style="position: absolute; left: 84%;" onclick="getTab('4')">
                <i class="fa fa-check" style="color:white;"></i>
                <span>4</span>
            </em>
            <br>
            <strong style="position:absolute;right:-12%">银行卡信息</strong>
        </div>
        <div class="flowList-dash" id="flowPoint5" style="position: relative; width: 18%;">
            <em style="position: absolute; left: 84%;" onclick="getTab('5')">
                <i class="fa fa-check" style="color:white;"></i>
                <span>5</span>
            </em>
            <br>
            <strong style="position:absolute;right:-10%">文件管理</strong>
        </div>
        <div class="flowList-dash" id="flowPoint6" style="position: relative; width: 18%;">
            <em style="position: absolute; left:84% " onclick="getTab('6')">
                <i class="fa fa-check" style="color:white;"></i>
                <span>6</span>
            </em>
            <br>
            <strong style="position:absolute;right:-8%">人员信息</strong>
        </div>
    </div>
    <div id="side-btn" style="margin-left:70px">
        <div>
            <button type="button" class="btn btn-outline-danger" onclick="flowBack()">上一步</button>
        </div>
        <div style="margin-top:5px">
            <button type="button" class="btn btn-outline-danger" onclick="flowNext()">下一步</button>
        </div>
    </div>
</div>

<div class="tabbable" hidden>
    <ul id="myTab" class="nav nav-tabs nav-main">
        <li class="nav-item">
            <a class="nav-link active" data-toggle="tab" href="#info" id="tab1">基本信息</a>
        </li>
        <li class="nav-item">
            <a class="nav-link tab-link" data-toggle="tab" href="#investment-risk-info" id="tab2">投资风险调查</a>
        </li>
        <li class="nav-item">
            <a class="nav-link tab-link" data-toggle="tab" href="#suitably" id="tab3">适当性管理</a>
        </li>
        <li class="nav-item">
            <a class="nav-link tab-link" data-toggle="tab" href="#bankcardlist" id="tab4">银行卡信息</a>
        </li>
        <li class="nav-item">
            <a class="nav-link tab-link" data-toggle="tab" href="#clientFiles" id="tab5">文件管理</a>
        </li>
        <li class="nav-item">
            <a class="nav-link tab-link" data-toggle="tab" href="#clientDuty" id="tab6">人员信息</a>
        </li>
    </ul>
</div>

@using (Html.BeginForm("clientEdit", "client", FormMethod.Post, new { id = "clientEditForm" }))
{
    <div class="tab-content">
        <div id="info" class="tab-pane show active" style="height: 710px;">
            <div class="left-wrap">
                @if (Model != null)
                {
                    <input type="hidden" value="@Model.id" name="id" id="id" />
                }@Html.HiddenFor(m => m.EncryptId)
                @Html.MyTextFor(m => m.Number, new { @disabled = "disabled" })
                @Html.MyDropdownFor1(m => m.ClientType, ClientDataModel.GetAllClientType(), new { @onchange = "changeClientType()" }, "", false, true)
                @Html.MyTextFor(m => m.ProductNumber)
                @Html.MyTextFor(m => m.RegisteredCapital)
                @Html.MyTextFor(m => m.RegisteredAddress)
                @Html.MyDropdownFor(model => model.SalesDepartmentId, SalesDataModel.GetAllSaleDepartment(), new { }, "", true)
                @Html.HiddenFor(m => m.SalesDepartment)
                @if (!YLErp.PS.Config.Is国泰君安)
                {
                    @Html.MyTextFor(m => m.Code)
                }
                @if (PS.Config.ErpElement.HasClientSide)
                {
                    if (String.IsNullOrWhiteSpace(Model.Guid))
                    {
                        @Html.MyTextFor(m => m.DefaultLoginName)
                    }
                    else
                    {
                        @Html.MyTextFor(m => m.DefaultLoginName, new { @disabled = "disabled" }, false)
                    }
                }
                @Html.MyDropdownFor1(m => m.MarginOptionType, ClientDataModel.GetMarginOptionType(), new { }, "0", false, true)
                @Html.MyTextFor(m => m.Abbreviation)
                @Html.MyAceDropdownFor(m => m.ProtocolSignVersion, ProtocolSignVersionItems, null, false)
                @Html.MyTextFor(m => m.AdminFullName)
                @Html.MyTextFor(m => m.CounterpartyCode)
                @if (YLErp.PS.Config.Is方顿)
                {
                    @Html.MyDropdownFor1(m => m.RuleT0orT1, ClientDataModel.GetAllRuleT0orT1(), new { }, "T0", false, true)
                }
                @Html.MyDropdownFor1(m => m.IsListed, ClientDataModel.GetYesOrNo(), new { }, "", false, true)
                @Html.MyTextFor(m => m.Seat)
                @if (YLErp.PS.Config.Company == CompanyEnum.中金)
                {
                    @Html.MyTextFor(m => m.MainProtocolCode)
                    @Html.MyTextFor(m => m.ProductName)
                }
            </div>
            <div class="center-wrap">
                @Html.MyTextFor(m => m.Name, true)
                <input type="hidden" id="NameHidden" value="@Model.Name" />
                <div @(Model.ClientType == ClientTypeEnum.机构.ToString() || Model.ClientType == null ? "class=''" : "class=hide" ) id="InstitutionalAttributesDropDownArea">
                    @Html.MyDropdownFor1(m => m.InstitutionalAttributes, ClientDataModel.GetAllInstitutionalAttributes(), new { }, PS.Config.Is申万 ? InstitutionalAttributesEnum.有限责任公司.ToString() : InstitutionalAttributesEnum.民营.ToString(), false, true)
                </div>
                <div class="form-group @(Model.ClientType == ClientTypeEnum.机构.ToString() || Model.ClientType == null ? " hide" : "" )" id="InstitutionalAttributesInputArea">
                    <label class="formlabel" for="InstitutionalAttributes">机构属性</label>
                    <input class="text-box" type="text" value="不适用" name="InstitutionalAttributes" disabled="disabled">
                    <span class="field-validation-valid" data-valmsg-for="InstitutionalAttributes" data-valmsg-replace="true"></span>
                </div>
                @Html.MyDropdownFor1(m => m.LicenseType, ClientDataModel.GetAllLicenseType(), new { }, "", false, true)
                @Html.MyTextFor(m => m.ActualController)
                @Html.MyTextFor(m => m.PostalAddress)
                @if (YLErp.PS.Config.Is伴兴 || YLErp.PS.Config.Is宏源)
                {
                    @Html.MyDateFor(m => m.ProtocolSignDate, true);
                }
                else
                {
                    @Html.MyDateFor(m => m.ProtocolSignDate)
                }
                @Html.MyDateFor(m => m.RightProtocolSignDate)
                @if (AppHelper.UseFutureVersion("销售提成", "V2"))
                {
                    @Html.MyAceDropdownFor(m => m.Seller, SalesDataModel.GetSalesmen())
                }
                else
                {
                    @Html.MyTextFor(m => m.Seller)
                }

                @if (YLErp.PS.Config.Is申万)
                {
                    @Html.MyDropdownFor(m => m.InvestorType, ClientDataModel.GetAllInvestorType(), new { }, "", false, true, false)
                }
                @Html.MyDropdownFor1(m => m.SamePeer, EnumHelper.GetSelectList(typeof(SamePeerEnum)), new { }, SamePeerEnum.NotSamePeer.GetHashCode().ToString(), false, true)
                @Html.MyTextFor(m => m.AdminRegisteredNum)
                @Html.MyTextFor(m => m.NFICode)
                @Html.MyDropdownFor1(m => m.AccessRule, EnumHelper.GetSelectList(typeof(AccessRuleEnum)), new { }, AccessRuleEnum.BothAccess.GetHashCode().ToString(), false, true)
                @Html.MyDropdownFor1(m => m.IsInsided, ClientDataModel.GetYesOrNo(), new { }, "", false, true)
                @Html.MyDropdownFor1(m => m.BoundSide, EnumHelper.GetSelectList(typeof(BoundSideEnum)), new { }, BoundSideEnum.南向.GetHashCode().ToString(), false, true)
                @if (YLErp.PS.Config.Company == CompanyEnum.中金)
                {
                    @Html.MyTextFor(m => m.AgreementBookNo)
                    @Html.MyTextFor(m => m.SupProtocolCode)
                }
            </div>
            <div class="right-wrap">
                @Html.MyDropdownFor(m => m.LevelId, ClientDataModel.GetAllclientlevel(Model.LevelId ?? 0), new { @onchange = "changeLevel()" }, "", false, true, false)
                @Html.HiddenFor(m => m.Level)
                @Html.MyDropdownFor(m => m.BusinessType, yldic.GetList("行业", false), new { @onchange = "changeBusinessType()" }, "", true)
                @Html.HiddenFor(m => m.CustomerNature)
                @Html.MyTextFor(m => m.CustomerNature1, new { @disabled = "disabled" })
                @Html.MyTextFor(m => m.CustomerNature2, new { @disabled = "disabled" })
                @Html.MyTextFor(m => m.LicenseCode)
                @Html.MyTextFor(m => m.ActualBeneficiary)
                @Html.MyTextFor(m => m.Region)
                @if (YLErp.PS.Config.Is格林大华)
                {
                    @Html.MyTextFor(model => model.CustomerManager)
                }
                else
                {
                    @Html.MyDropdownFor(model => model.CustomerManagerId, ClientDataModel.GetAllCustomerManager(), new { }, "", true, true, false)
                }
                @if (PS.Config.ClientElement.IsCreditLimit)
                {
                    @Html.MyDropdownFor1(m => m.IsCreditOn, ClientDataModel.GetYesOrNo(), new { }, "1", false, true)
                }
                else
                {
                    @Html.MyDropdownFor1(m => m.IsTradeCredit, ClientDataModel.GetYesOrNo(), new { }, "1", false, true)
                }
                @Html.MyDropdownFor(m => m.ParentId, ClientDataModel.GetAllOpenaccountClient(Model.ParentId,Model.id), new { }, "", true, true)
                @Html.MyDropdownFor1(m => m.IsDocShowParentName, ClientDataModel.GetYesOrNo(), new { }, "", false, true)
                @Html.MyDropdownFor1(m => m.ConfirmBookMode, new List<SelectListItem>() { new SelectListItem() { Text = "双章版", Value = "双章版" }, new SelectListItem() { Text = "单章版", Value = "单章版" } }, new { }, "双章版", true, true)
                @Html.MyDropdownFor1(m => m.SettlementCurrency,YLErp.Web.Controllers.CurrencyController.getList(), new { }, "", false, true)
                @Html.MyDropdownFor1(m => m.AgreementBookType, new List<SelectListItem>() { new SelectListItem() { Text = "单向", Value = "true" }, new SelectListItem() { Text = "双向", Value = "false" } }, new { }, appendBlank: false)
                @Html.MyDropdownFor1(m => m.ClearingAgency, ClientDataModel.GetClearingAgency(), new { }, "", false, true)
                <div class="form-group">
                    <label class="formlabel">同一主体</label>
                    <select class="selectpicker" data-actions-box="true" data-live-search="true" id="ActualSubject" multiple="" name="ActualSubject">
                        @foreach (var item in ViewBag.ActualSubject)
                        {
                            <option value="@item">@item</option>
                        }
                    </select>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="form-group m-0 p-0">
                <label class="formlabel" for="Remark">备注</label>
                <input id="Remark" class="text-box text-left" type="text" value="@Model.Remark" name="Remark" style="width: 1020px !important">
                <span class="field-validation-valid" data-valmsg-for="Remark" data-valmsg-replace="true"></span>
            </div>
        </div>

        <div id="investment-risk-info" class="tab-pane" style="height: 400px;">
            <div class="left-wrap">
                @Html.MyTextFor(m => m.FinancialSituation)
                @Html.MyDropdownFor1(m => m.InvestmentExperience, yldic.GetList("投资经验", false), new { }, "", false, true)
                @Html.MyDropdownFor1(m => m.RiskPreference, yldic.GetList((PS.Config.Is中财 ? "投资知识" : "风险偏好"), false), new { }, "", false, true)
                @Html.MyAceDropdownFor(m => m.DerivativesInvestmentVarieties, ClientDataModel.GetAllDerivativesInvestmentVarieties(), null, false)
            </div>
            <div class="center-wrap">
                @Html.MyDropdownFor1(m => m.FundsSource, ClientDataModel.GetAllFundsSource(), new { }, "", false, true)
                @Html.MyDropdownFor1(m => m.BadFaithRecord, ClientDataModel.GetAllBadFaithRecord(), new { }, "", false, true)
                @Html.MyTextFor(m => m.AcceptableLoss)
                @Html.MyAceDropdownFor(m => m.TransactionTarget, ClientDataModel.GetAllTransactionTarget(), "", false)
            </div>
            <div class="right-wrap">
                @Html.MyDropdownFor1(m => m.IsRealControl, ClientDataModel.GetYesOrNoItems(), new { }, "0", false, true)
                @Html.MyDropdownFor1(m => m.InvestmentTerm, ClientDataModel.GetAllInvestmentTerm(), new { }, ((int)InvestmentTermEnum.partone).ToString(), false, true)
                @Html.MyDropdownFor1(m => m.ExpectedReturn2, yldic.GetList("期望收益", false), new { }, "", false, true)
                @Html.MyDropdownFor1(m => m.IsIndustryConnectVariety, ClientDataModel.GetYesOrNoItems(), new { }, "", false, true)
            </div>

            <div class='form-group row no-gutters'>
                <label class='formlabel col-auto' for='TradingInstType'>交易资产</label>
                <div class="col div-insttype">
                    <select class="chosen-select" data-placeholder="请选择 " id="TradingInstType" multiple style="width:100%;">
                        <!--对应TradingInstTypeEnum-->
                        <option value="1" @((tradingInstType & 1) > 0 ? "selected":"")>权益</option>
                        <option value="2" @((tradingInstType & 2) > 0 ? "selected":"")>商品</option>
                        <option value="4" @((tradingInstType & 4) > 0 ? "selected":"")>固定收益</option>
                        <option value="8" @((tradingInstType & 8) > 0 ? "selected":"")>外汇</option>
                        <option value="16" @((tradingInstType & 16) > 0 ? "selected":"")>信用</option>
                    </select>
                </div>
            </div>
        </div>

        <div id="suitably" class="tab-pane" style="height: 180px;">
            <div class="left-wrap">
                @Html.MyDropdownFor1(m => m.ProperClientClass, yldic.GetList("适当性客户分类", true), new { onchange = "changeTypeValue()" }, "", false, true)
                @Html.MyDropdownFor1(m => m.AppropriatenessDegree, ClientDataModel.GetAppropriatenessList(), new { onchange = "changeAppropriatenessDegree()" }, appendBlank: false)
                @Html.MyDateFor(model => model.EvaluateDate, false)
                @Html.MyDropdownFor1(m => m.IsAssessmentResultChange, ClientDataModel.GetYesOrNo(), new { }, "", false, true)
            </div>
            <div class="center-wrap">
                @Html.MyDropdownFor1(m => m.IsEvaluate, ClientDataModel.GetYesOrNoItems(), new { }, "0", false, true)
                @Html.MyDropdownFor1(m => m.RiskServiceDegree, ClientDataModel.GetRiskServiceDegree(), null, appendBlank: false)
                @Html.MyDropdownFor1(model => model.EvaluateOfValidity, ClientDataModel.GetEvaluateOfValidity())
                @Html.MyTextFor(m => m.ChangeReasonAndEvaluationResults)
            </div>
            <div class="right-wrap">
                @Html.MyDecimalFor(m => m.QuestionnaireScore, new { @placeholder = "请输入数字" })
                @Html.MyDropdownFor(m => m.AppropriatenessAssessor, ClientDataModel.GetAppropriatenessAssessor())
                @Html.MyDropdownFor1(m => m.IsRequireConversionTypes, ClientDataModel.GetYesOrNo(), new { }, "", false, true)
                @Html.MyTextFor(m => m.DisbeliefRecord)
            </div>
        </div>

        <div id="bankcardlist" class="tab-pane">
            <div class="row m-0">
                <div class="col table-name">银行卡列表</div>
                <div class="col-auto" style="min-width:300px;">@MyControls.Btn("新建银行卡", "createbankcard();")</div>
            </div>
            <div style="min-width: 1000px;" id="divbankcardEditPopInner"></div>
        </div>

        <div id="clientFiles" class="tab-pane">
            <div class="mb-3">
                <div class='inline-4' id='divfileTypeForSearch'>
                    @Html.MyAceDropdownInput("fileTypeForSearch", "文件类型:", ClientDataModel.getFileTypes())
                </div>
                <div class='inline-4' id='divfileNameForSearch'>
                    @Html.ShortInput("fileNameForSearch", "文件名:")
                </div>
                <div class='inline-4' id='divfileDateForSearch'>
                    @Html.SearchDate("fileDate", "日期:")
                </div>
                @MyControls.Btn("查询", "refreshClientFiles()")
                @MyControls.Btn("上传", "Upload()")
            </div>
            <!--
            <label class="label-info mr-2" style="line-height:32px;">
                <input type="checkbox" id="chkSuitably" name="chkSuitably" />
                是否适当性文件
            </label>
            <label class="label-info mr-2" style="line-height:32px;">
                <input type="checkbox" id="chkBookRadio" name="chkBookRadio" />
                是否双录视频
            </label>-->
            <div class="progress mb-3" style="width:100%">
                <div class="progress-bar progress-bar-success" role="progressbar" style="width: 0%;">0%</div>
            </div>

            <hr />
            <div class="table-name">文件列表</div>
            <div style="min-width: 1000px;" id="divClientFilesEditPopInner"></div>
        </div>

        <div id="clientDuty" class="tab-pane">
            <div class="row m-0">
                <div class="col table-name">客户人员信息</div>
                <div class="col-auto" style="min-width:300px">@MyControls.Btn("新增人员", "createclientduty();")</div>
            </div>
            <div style="min-width: 1000px;" id="divclientdutyEditPopInner"></div>
        </div>
    </div>

    @await Html.PartialAsync("/Views/Common/_importFiles.cshtml", new ImportFileModel()
    {
        Title = "上传客户文件",
        Accept = ".*",
        Buttons = new Dictionary<string, BtnReq>()
        {
            ["上传"] = new BtnReq() { Id = "submitBtn" }
        },
    })
    <div hidden>
        <div id="uploadFileNotes">
            <div style="margin-left:20px">
                <div class="mr-2">
                    <label class="mr-1">文件类型:</label>
                    @Html.DropDownList("fileType", ClientDataModel.getFileTypes().AsSelectListItems(), new { id = "fileType", onchange = "fileTypeChange()" })
                    <span style="color:red">*</span>
                </div>
                <div class="mr-2">
                    <label class="mr-1">操作时间:</label>
                    <input class="form_datetime" size="16" id="OptDateTime" type="text" value="@(DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss"))" name="OptDateTime">
                    <span style="color:red">*</span>
                </div>
                <div class="mr-2" id="divBookTime">
                    <label class="mr-1">双录时间:</label>
                    <input class="form_datetime" id="BookTime" type="text" value="@(Model.BookTime?.ToString("yyyy-MM-dd"))" name="BookTime">
                    <span style="color:red">*</span>
                </div>
                <div class="mr-2" id="divSignDate">
                    <label class="mr-1">签署日期:</label>
                    <input class="search-input datepicker" id="DatesignDate" name="DatesignDate" type="text" autocomplete="off" required="required">
                    <span style="color:red">*</span>
                </div>
                <div class="mr-2">
                    <label class="mr-1">文件说明:</label>
                    <input class="search-input" id="fileDesc" name="fileDesc" type="text" value="">
                </div>
                <div class="mr-2" id="divProtocolNumber">
                    <label class="mr-1">协议编号:</label>
                    <input class="search-input" id="protocolNumber" name="protocolNumber" type="text" value="">
                    <span style="color:red">*</span>
                </div>
                <div class="mr-2" id="divMainProtocolNumber">
                    <label class="mr-1">主协议编号:</label>
                    @Html.DropDownList("mainProtocolNumber", ClientDataModel.getMainProtocols(Model.id).AsSelectListItems(), new { id = "mainProtocolNumber", onchange = "getSideProtocols()" })
                    <span style="color:red">*</span>
                </div>
                <div class="mr-2" id="divSideProtocolNumber">
                    <label class="mr-1">补充协议编号:</label>
                    @Html.DropDownList("sideProtocolNumber", new List<SelectListItem>() {
                    new SelectListItem() { Value = "",Text = "----"}}, new { id = "sideProtocolNumber" })
                    <span style="color:red">*</span>
                </div>
                <div class="mr-2" id="divSignType">
                    <label class="mr-1">签署版本:</label>
                    @Html.DropDownList("signType", ClientDataModel.getSignTypes().AsSelectListItems(), new { id = "signType" })
                    <span style="color:red">*</span>
                </div>
                <div class="mr-2" id="divReportorRole">
                    <label class="mr-1">填报方角色:</label>
                    @Html.DropDownList("reportorRole", new List<SelectListItem>() {
                    new SelectListItem() { Value = "甲方",Text = "甲方"},
                    new SelectListItem() { Value = "乙方",Text = "乙方"}}, new { id = "reportorRole" })
                    <span style="color:red">*</span>
                </div>
            </div>
            <div id="tips" style="margin:20px;color:red">协议文件变更，客户将重新审核</div>
        </div>
    </div>
}