@model ClientEditViewModel
@{
    ViewBag.Title = "客户信息";
    Layout = "~/Views/Shared/_InfoLayout.cshtml";
    var clientModel = Model.client;
    var sections = Model.editConfig.sections.Where(n => n.visible).ToArray();
    var pageObj = new
    {
        is华西 = PS.Config.Company == CompanyEnum.华西,
        isGuoJun = PS.Config.IsGuoJun,
        isZhaoZheng = YLErp.PS.Config.Company == CompanyEnum.招证,
        isDongWu = YLErp.PS.Config.Company == CompanyEnum.东吴,
        isDongGuan = YLErp.PS.Config.Company == CompanyEnum.东莞,
        isApproval = ViewBag.isApproval,
        //编辑是否直接进入审批
        isDirectSubApp = true
    };
}

@section CSS{
    <link href="~/Statics/libs/datetime/flatpickr/flatpickr.min.css" rel="stylesheet" />
    <link href="~/Style/Css/clientEdit.css" rel="stylesheet" />
    <link href="~/Style/Css/clientsettag.css?v=@(HtmlUtil.JsVersion)" rel="stylesheet" />
    <style>
        .nav-item { width: 14.25% !important; }

        .showshort { width: 258px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

        .maxheight { height: 100% }
        /* .showallstriped {
                    position: absolute;
                    top: 0;
                    left: 150px;
                    height: auto;
                    z-index: 9999;
                    width: 258px;
                    background-color: gray;
                }
                .showallno {
                    position: absolute;
                    top: 0;
                    left: 150px;
                    height: auto;
                    z-index: 9999;
                    width: 258px;
                    background-color: white;
                }*/
    </style>
}
    @section JS{
    <script type="text/javascript">
        const page = @Json.Serialize(Model);
        const pageData = @Json.Serialize(pageObj);
        page.isView = true;
        page.bankcard = @Json.Serialize(new ClientBankCard());
        page.dutydirector = @Json.Serialize(new ClientDuty());
        page.duty = @Json.Serialize(new ClientDuty());
        page.file = @Json.Serialize(new client_file());
        page.investor = @Json.Serialize(new ClientInvestor());
    </script>
    <script src="~/front/calendar?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/datetime/flatpickr/flatpickr.min.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Statics/libs/datetime/flatpickr/vue-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">
        const HasEditTagPermission = @Json.Serialize(CurUser.系统管理.标签编辑权限);
    </script>
    <script src="~/Scripts/app/client/clientEditV2.js?v=@(HtmlUtil.JsVersion)"></script>
    <script src="~/Scripts/app/tag/clientsettag.js?v=@HtmlUtil.JsVersion" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            setIsView(true);
        });
    </script>
}

    <div class="toolbarDiv position-relative" id="toolbarDiv">
        <div class="position-absolute badge badge-secondary p-2" style="right:1px;top:1px;" v-cloak>{{vue.client.ProcessStatus}}</div>
    @if ((CurUser.客户管理.客户修改 && clientModel.ApprovalStatus != "审批中")
    || (clientModel.id > 0 && clientModel.ApprovalStatus != "审批中" && ((CurUser.客户管理.销户休眠客户修改 && ("已休眠".Equals(clientModel.ProcessStatus) || "已销户".Equals(clientModel.ProcessStatus))) || (CurUser.客户管理.正常状态客户修改 && !("已休眠".Equals(clientModel.ProcessStatus) || "已销户".Equals(clientModel.ProcessStatus))))))
    {
        <a class="btn btn-primary" href="/client/clientEditV2?enid=@(clientModel.EncryptId)">修改</a>
    }
    @if (!ViewBag.isApproval)
    {
        <button id="submitProcessBtn" class="btn btn-primary" type="button" v-on:click="submitProcess" v-if="isOpening">提交开户审批</button>
    }

    <button class="btn btn-primary" type="button" v-on:click="showOperationHistory">操作历史</button>
   @* @if (PS.Config.ErpElement.HasClientSide && CurUser.客户管理.客户端密码设置 && !ViewBag.isApproval)
    {
        <button class="btn btn-primary" type="button" v-on:click="resetPassword">@(string.IsNullOrEmpty(clientModel.Guid) ? "初始化密码" : "重置密码")</button>
    }*@
    @if (!PS.Config.Is东莞)
    {
        <button class="btn btn-primary" type="button" v-on:click="openClientFileAudit">流程清单检查</button>
    }
    <button class="btn btn-primary" type="button" v-on:click="showClientLevels">查看客户层次</button>
    @if (clientModel.ApprovalStatus == "审批中")
    {
        <button class="btn btn-primary" type="button" v-on:click="reloadClientView">@(ViewBag.isApproval ? "查看修改前数据" : "查看修改后数据")</button>
    }
    <button class="btn btn-primary" type="button" onclick=" layer.closeMe()">关闭</button>
</div>

<div class="tabbable">
    <ul id="myTab" class="nav nav-tabs nav-main">
        @foreach (var item in sections)
        {
            if (item.tabId != "investors" || clientModel.ClientType == "产品")
            {
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#tab_@(item.tabId)">@(item.title)</a>
                </li>
            }
        }
    </ul>
</div>

<div class="tab-content tab-content-client" id="viewPanes">
    @foreach (var item in sections)
    {
        <div id="tab_@(item.tabId)" class="tab-pane">
            @if (!string.IsNullOrEmpty(item.viewPath))
            {
                @await Html.PartialAsync(item.viewPath)
                <div id="tab_@(item.tabId)_hasview"></div>
            }
            else if (item.fields != null)
            {
                @await Html.PartialAsync("_ClientViewFields", new EditFieldViewModel { fields = item.fields, Tags = Model.Tags })
            }
        </div>
    }
    @if (Model.canEditList)
    {
        @await Html.PartialAsync("_ClientBankcardEdit")
        @await Html.PartialAsync("_ClientDutyEdit")
        @await Html.PartialAsync("_ClientDutyDirectorEdit")
        @await Html.PartialAsync("_ClientFileEdit")
        @await Html.PartialAsync("_UploadProgress")
    }
    @if (clientModel.ClientType == "产品")
    {
        @await Html.PartialAsync("_ClientInvestorsEdit")
    }
</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" onclick="selectTag('@tag.id','@tag.Name')">@tag.Name</li>
            }
        }
    </ul>

    <span class="js-li-none-tip" style="display:none;">没有可选择的标签，可按Enter键新增</span>
</div>