test/resources/views/admin/site/overview.blade.php

@extends('admin/site/side_layout')
@section('header_extend')
    <link rel="stylesheet" href="{{asset('css/plugins/chosen/chosen.css')}}">
    <link rel="stylesheet" href="{{asset('css/plugins/switchery/switchery.css')}}">
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">
    <style>
        .for_area {
            display: inline-block;
            width: 200px;
        }

        /*  .upload_img {
              height: 150px;
          }*/

        .tabs-container .tab-content .lists {
            height: 0;
            overflow: hidden;
        }

        .tabs-container .tab-content .lists.active {
            height: auto;
        }

        .wrapper-content .col-sm-2.control-label {
            padding-top: 7px;
        }

        .search-choice span {
            color: grey !important;
        }

        .form-control:focus, .single-line:focus {
            border-color: #009688 !important;
        }

        .span {
            color: #009688 !important;
        }

        .tabs-left ul li.active {
            background: #009688 !important;
        }

        .btn-primary, .btn-info {
            background: #f3f3f3 !important;
            border-color: #e6e6e6 !important;
            color: #656565 !important;
            outline: none;
        }

        .btn-primary:hover, .btn-info:hover {
            background: #009688 !important;
            border-color: #009688 !important;
            color: #fff !important;
        }

        .tabs-left {
            position: fixed;

            width: 16.6666%;
            left: 0;
            top: 0;
        }

        .nav-tabs {
            border-color: #009688 !important;
            padding-bottom: 16px;
            position: relative;
            min-height: 57px;
            padding-left: 7%;
            overflow: hidden;
        }

        .nav-tabs:before {
            content: '';
            display: block;
            width: 20px;
            height: 1px;
            background: #009688;
            position: absolute;
            left: -20px;
            bottom: -1px;
            clear: both;
        }

        .nav-tabs:after {
            content: '';
            display: block;
            width: 20px;
            height: 1px;
            background: #009688;
            position: absolute;
            right: -20px;
            bottom: -1px;
            clear: both;
        }

        .nav-tabs > li > a {
            padding: 7px 6px;
            border: none !important;
        }

        .nav.nav-tabs li {
            border-top: 1px solid #c7c7c7;
            border-bottom: 1px solid #c7c7c7;
            margin: 0 24px 10px;
            position: relative;
        }

        .nav.nav-tabs li:before {
            content: '';
            width: 17px;
            height: 25px;
            border-left: 1px solid #c7c7c7;
            border-top: 1px solid #c7c7c7;
            position: absolute;
            left: -17px;
            top: -1px;
            z-index: 66;
        }

        .nav.nav-tabs li:after {
            content: '';
            width: 17px;
            height: 26px;
            border-right: 1px solid #c7c7c7;
            border-bottom: 1px solid #c7c7c7;
            position: absolute;
            right: -16px;
            bottom: -1px;
            z-index: 66;
        }

        .nav.nav-tabs li a {
            margin: 0 !important;
            color: #363636;
        }

        .nav.nav-tabs li a:before {
            content: '';
            display: block;
            width: 20px;
            height: 1px;
            background: #c7c7c7;
            -webkit-transform: rotate(30deg);
            -moz-transform: rotate(30deg);
            -ms-transform: rotate(30deg);
            -o-transform: rotate(30deg);
            transform: rotate(30deg);
            position: absolute;
            left: -18px;
            top: 28px;
        }

        .nav.nav-tabs li a:after {
            content: '';
            display: block;
            width: 20px;
            height: 1px;
            background: #c7c7c7;
            -webkit-transform: rotate(30deg);
            -moz-transform: rotate(30deg);
            -ms-transform: rotate(30deg);
            -o-transform: rotate(30deg);
            transform: rotate(30deg);
            position: absolute;
            right: -17px;
            bottom: 29px;
        }

        .nav.nav-tabs li.active {
            background: #009688 !important;
            border: none;
        }

        .nav.nav-tabs li.active:before, .nav.nav-tabs li.active:after {
            height: 34px;
            background: #009688 !important;
            border-color: #009688 !important;
            top: -1px;
        }

        .nav.nav-tabs li.active a {
            color: #fff !important;
            background: #009688 !important;
        }

        .nav.nav-tabs li.active a:before {
            width: 18px;
            height: 8px;
            border-color: none;
            background: #fff !important;
            left: -20px;
            top: 28px;
            z-index: 100;
        }

        .nav.nav-tabs li.active a:after {
            width: 18px;
            height: 8px;
            border-color: none;
            background: #fff !important;
            right: -20px;
            bottom: 28px;
            z-index: 100;
        }

        .red {
            color: #f99631 !important;
        }

        .o-h4 {
            padding-right: 77%;
            text-align: right;
            color: #009688 !important;
        }

        .radio-label,
        .radio-check {
            display: inline-block;
            position: relative;
        }

        .radio-label input[type="radio"] {
            appearance: none; /*清楚默认样式*/
            -webkit-appearance: none;
            /* opacity: 0; */
            outline: none;
            position: absolute;
            z-index: 2;
            width: 6px;
            height: 6px;
            top: 10px;
            left: 10px;
            border-radius: 50%;
            background: #b4b4b4;
        }

        .radio-label label {
            display: inline-block;
            min-width: 50px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            padding-right: 10px;
            border-radius: 5px;
            padding-left: 25px;
            color: #fff;
            background-color: #c9c9c9;
        }

        .radio-label input[type="radio"]:checked {
            opacity: 0;
        }

        .radio-label input[type="radio"]:checked + label {
            color: #fff;
            background-color: #009688;
        }

        .radio-label input[type="radio"]:checked + label::after {
            content: "";
            position: absolute;
            left: 12px;
            top: 5px;
            width: 5px;
            height: 12px;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            transform: rotate(45deg);
        }


        .checkbox-label,
        .checkbox-check {
            display: inline-block;
            position: relative;
        }

        .checkbox-label input[type="checkbox"] {
            appearance: none; /*清楚默认样式*/
            -webkit-appearance: none;
            /* opacity: 0; */
            outline: none;
            position: absolute;
            z-index: 2;
            width: 6px;
            height: 6px;
            top: 10px;
            left: 10px;
            border-radius: 50%;
            background: #b4b4b4;
        }

        .checkbox-label label {
            display: inline-block;
            min-width: 50px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            padding-right: 10px;
            border-radius: 5px;
            padding-left: 25px;
            color: #fff;
            background-color: #c9c9c9;
        }

        .checkbox-label input[type="checkbox"]:checked {
            opacity: 0;
        }

        .checkbox-label input[type="checkbox"]:checked + label {
            color: #fff;
            background-color: #009688;
        }

        .checkbox-label input[type="checkbox"]:checked + label::after {
            content: "";
            position: absolute;
            left: 12px;
            top: 5px;
            width: 5px;
            height: 12px;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            transform: rotate(45deg);
        }
    </style>
@endsection
@section('right')
    <div class="tabs-container">
        <ul class="nav nav-tabs">
            @php $basePermission=false; @endphp
            @php $baseEdit=1; @endphp

            @hasAuth('site-base-view')
            @php $basePermission=true; @endphp
            <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 基本信息</a></li>
            @endHasAuth
            @hasAuth('site-detail-view')
            @php $detailPermission=true; @endphp
            <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">详细信息</a></li>
            @endHasAuth

            <li class=""><a data-toggle="tab" href="#tab-21" aria-expanded="false">人员配置</a>
            </li>

            <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">社交授权</a>
            </li>

            <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">重点优化</a>
            </li>

            <li class=""><a data-toggle="tab" href="#tab-5" aria-expanded="false">账号管理</a>
            </li>

            <li class=""><a data-toggle="tab" href="#tab-6" aria-expanded="false">时间节点与评分</a>
            </li>

            <li class=""><a data-toggle="tab" href="#tab-7" aria-expanded="false">服务器及配置</a>
            </li>
        </ul>
        <div class="tab-content">
            @if(!empty($basePermission))

                @php $baseEdit=0; @endphp
                @hasAuth('site-base-edit')
                @php $baseEdit=1; @endphp
                @endHasAuth
                <div id="tab-1" class="lists active">
                    <form class="form-horizontal" id="basic" style="padding-top: 20px">

                        <div class="form-group">
                            <label class="col-sm-2 control-label">项目编号：</label>
                            <div class="col-sm-8" style="padding-top: 7px;">
                                {{$data->identifier ?? ''}}
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">项目原始Id：</label>
                            <label class="col-sm-2 control-label" style="text-align: left;margin-left: 15px">
                                {{$data->old_id ?? ''}}
                            </label>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="domain_us_buy">是否百千计划：</label>
                            <div class="col-sm-2">
                                <input type="checkbox" id="is_bq" name="is_bq"
                                       class="js-switch-bq"
                                       @if($data->is_bq??0) checked @endif onchange="units.changeIsBq()">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="domain_us_buy">是否案例：</label>
                            <div class="col-sm-2" style="width: 50px">
                                <input type="checkbox" id="is_case" name="is_case"
                                       class="js-switch-case"
                                       @if($data->is_case??0) checked @endif onchange="units.changeCaseStatus()">
                            </div>
                            <div class="col-sm-3 example">
                                <input type="text" class="form-control" id="example_url" name="example_url"
                                       value="{{$data->example_url ?? ''}}" placeholder="案例Id：{{$data->id ?? ''}}">
                            </div>
                        </div>

                        <div class="form-group case">
                            <label class="col-sm-2 control-label" for="case_ids"><span
                                    class="red">* </span>案例板块：</label>&nbsp;&nbsp;&nbsp;
                            <div class="checkbox-label">
                                <input type="checkbox" id="color21" name="case_ids" value="21"
                                       @if (in_array("21",$case_ids)) checked="checked" @endif>
                                <label for="color21">结构化数据呈现</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color22" name="case_ids" value="22"
                                       @if (in_array("22",$case_ids)) checked="checked" @endif>
                                <label for="color22">关键词分析</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color23" name="case_ids" value="23"
                                       @if (in_array("23",$case_ids)) checked="checked" @endif>
                                <label for="color23">软文优化</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color24" name="case_ids" value="24"
                                       @if (in_array("24",$case_ids)) checked="checked" @endif>
                                <label for="color24">维基百科</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color25" name="case_ids" value="25"
                                       @if (in_array("25",$case_ids)) checked="checked" @endif>
                                <label for="color25">知识图谱</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color26" name="case_ids" value="26"
                                       @if (in_array("26",$case_ids)) checked="checked" @endif>
                                <label for="color26">竞价</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color27" name="case_ids" value="27"
                                       @if (in_array("27",$case_ids)) checked="checked" @endif>
                                <label for="color27">付费外链</label>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="contract_ids"><span
                                    class="red">* </span>企业性质：</label>&nbsp;&nbsp;&nbsp;
                            <div class="checkbox-label">
                                <input type="checkbox" id="color11" name="enterprise_nature" value="1"
                                       @if (in_array("1",$enterpriseNature)) checked="checked" @endif>
                                <label for="color11">500强</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color12" name="enterprise_nature" value="2"
                                       @if (in_array("2",$enterpriseNature)) checked="checked" @endif>
                                <label for="color12">上市公司</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color13" name="enterprise_nature" value="3"
                                       @if (in_array("3",$enterpriseNature)) checked="checked" @endif>
                                <label for="color13">国企</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color14" name="enterprise_nature" value="4"
                                       @if (in_array("4",$enterpriseNature)) checked="checked" @endif>
                                <label for="color14">行业龙头</label>
                            </div>
                            <div class="checkbox-label">
                                <input type="checkbox" id="color15" name="enterprise_nature" value="5"
                                       @if (in_array("5",$enterpriseNature)) checked="checked" @endif>
                                <label for="color15">保密</label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="cn_title"><span
                                    class="red">* </span>项目名称(中文)：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="cn_title" name="cn_title"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->cn_title ?? ''}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="title"><span
                                    class="red">* </span>项目名称(英文)：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="en_title" name="en_title"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->en_title ?? ''}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="brand"><span
                                    class="red">* </span>项目品牌名：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="brand" name="brand"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->brand ?? ''}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="password"><span class="red">* </span>域名：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="domain" name="domain"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->domain??''}}">
                                <span class="span" style="font-size: 12px;">如果有直接填写进去，如果无，请填写意向域名。请填写主域<span
                                        style="color: red">不要填写中文，不要包含www</span>，例：baidu.com</span>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="password"></label>

                            <div class="col-sm-8" style="display: flex;justify-content: space-between;max-width: 500px">

                                <div class="col-sm-12" style="margin: 0 -10px">
                                    <label>站点logo：</label>
                                    <button type="button" class="btn btn-primary" name="file_upload"
                                            @if(!$baseEdit) disabled @endif>文件上传
                                    </button>
                                    <input type="file" value="" style="display: none" name="uploadFile"
                                           data-for="logo_img">
                                    <input type="hidden" id="site_logo" name="site_logo"
                                           value="{{$data->site_logo??''}}">
                                    <img id="logo_img" class="upload_img" src="{{$data->site_logo??''}}"
                                         style="width: 100%;object-fit: cover;margin-top: 5px">
                                </div>

                                <div class="col-sm-12" style="margin: 0 -10px">
                                    <label>营业执照：</label>
                                    <button type="button" class="btn btn-primary" name="file_upload"
                                            @if(!$baseEdit) disabled @endif>文件上传
                                    </button>
                                    <input type="file" value="" style="display: none" name="uploadFile"
                                           data-for="business_license_business_scope_img">
                                    <input type="hidden" id="business_license_business_scope"
                                           name="business_license_business_scope"
                                           value="{{$data->business_license_business_scope??''}}">
                                    <img id="business_license_business_scope_img" class="upload_img"
                                         src="{{$data->business_license_business_scope??''}}"
                                         style="width: 100%;object-fit: cover;margin-top: 5px">
                                </div>

                            </div>
                        </div>


                        {{-- <div class="form-group">
                             <label class="col-sm-2 control-label">站点logo：</label>
                             <div class="col-sm-4">
                                 <button type="button" class="btn btn-primary" name="file_upload"
                                         @if(!$baseEdit) disabled @endif>文件上传
                                 </button>
                                 <input type="file" value="" style="display: none" name="uploadFile"
                                        data-for="logo_img">
                                 <input type="hidden" id="site_logo" name="site_logo" value="{{$data->site_logo??''}}">
                             </div>
                         </div>

                         <div class="form-group">
                             <div class="col-sm-8 col-sm-offset-2">
                                 <img id="logo_img" class="upload_img" src="{{$data->site_logo??''}}">
                             </div>
                         </div>--}}

                        {{--  <div class="form-group">
                              <label class="col-sm-2 control-label">营业执照：</label>

                              <div class="col-sm-4">
                                  <button type="button" class="btn btn-primary" name="file_upload"
                                          @if(!$baseEdit) disabled @endif>文件上传
                                  </button>
                                  <input type="file" value="" style="display: none" name="uploadFile"
                                         data-for="business_license_business_scope_img">
                                  <input type="hidden" id="business_license_business_scope"
                                         name="business_license_business_scope"
                                         value="{{$data->business_license_business_scope??''}}">
                              </div>

                          </div>

                          <div class="form-group">
                              <div class="col-sm-8 col-sm-offset-2">
                                  <img id="business_license_business_scope_img" class="upload_img"
                                       src="{{$data->business_license_business_scope??''}}">
                              </div>
                          </div>--}}

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="site_type"><span
                                    class="red">* </span>项目类型：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="site_type" name="site_type" style="width:350px;">
                                    <option value="">请选择</option>
                                    <option value="1" @if(($data->site_type??'')==1) selected @endif>企业网站</option>
                                    <option value="2" @if(($data->site_type??'')==2) selected @endif>电商网站</option>
                                    <option value="3" @if(($data->site_type??'')==3) selected @endif>特殊项目</option>
                                </select>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="nature_type"><span
                                    class="red">* </span>公司性质：</label>
                            <div class="col-sm-8">

                                <select class="form-control" style="width:350px;"
                                        id="nature_type" name="nature_type" @if(!$baseEdit) disabled @endif>
                                    <option value="">请选择公司性质</option>
                                    @foreach($natures as $nature)
                                        <option value="{{$nature['inx']}}"
                                                @if(($data->nature_type??null)==$nature['inx']) selected @endif>{{$nature['val']}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="business_id"><span
                                    class="red">* </span>所属行业：</label>
                            <div class="col-sm-4">
                                <select class="form-control"
                                        id="business_id" name="business_id" data-live-search="true"
                                        title="请选择行业" autocomplete="off">
                                    @foreach ($businesses as $business)
                                        <option value="{{$business->id}}"
                                                @if(($data->business_id??null)==$business->id) selected @endif>{{$business->title}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="core_product">核心产品：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="core_product" name="core_product"
                                       value="{{$data->core_product ?? ''}}">
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label"><span class="red">* </span>地区：</label>

                            <div class="col-sm-8" data-toggle="distpicker" id="distpicker">
                                <select class="form-control for_area" data-province="{{$data->area_text[0]??''}}"
                                        name="area_text" @if(!$baseEdit) disabled @endif></select>
                                <select class="form-control for_area" data-city="{{$data->area_text[1]??''}}"
                                        name="area_text" @if(!$baseEdit) disabled @endif ></select>
                                <select class="form-control for_area" data-district="{{$data->area_text[2]??''}}"
                                        name="area_text" @if(!$baseEdit) disabled @endif></select>
                            </div>

                        </div>

                        <div class="form-group contacts">

                            <div class="col-sm-12">
                                <div class="col-sm-6" style="margin-top: 10px">
                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅰ&nbsp;姓名：</label>
                                    <input type="text" class="form-control" @if(!$baseEdit) disabled @endif
                                    style="width: 300px;display: inline-block"
                                           name="contact_name" value="{{$data->contacts[0]['name']??''}}">
                                </div>
                                <div class="col-sm-6" style="margin-top: 10px">
                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅰ邮箱：</label>
                                    <input type="email" class="form-control" style="width: 300px;display: inline-block;"
                                           @if(!$baseEdit) disabled @endif
                                           name="contact_email" value="{{$data->contacts[0]['email']??''}}">
                                </div>


                                <div class="col-sm-6" style="margin-top: 10px">

                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅰ手机：</label>
                                    <input type="text" class="form-control" @if(!$baseEdit) disabled @endif
                                    style="width: 300px;display: inline-block;" name="contact_mobile"
                                           value="{{$data->contacts[0]['mobile']??''}}">
                                </div>
                                <div class="col-sm-6" style="margin-top: 10px">

                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅰ职位：</label>
                                    <input type="text" class="form-control" @if(!$baseEdit) disabled @endif
                                    style="width: 300px;display: inline-block;" name="contact_position"
                                           value="{{$data->contacts[0]['position']??''}}">
                                </div>


                            </div>
                        </div>
                        <div class="form-group contacts">

                            <div class="col-sm-12">
                                <div class="col-sm-6" style="margin-top: 10px">

                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅱ&nbsp;姓名：</label>
                                    <input type="text" class="form-control"
                                           style="width: 300px;display: inline-block"
                                           @if(!$baseEdit) disabled @endif
                                           name="contact_name" value="{{$data->contacts[1]['name']??''}}">
                                </div>
                                <div class="col-sm-6" style="margin-top: 10px">

                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅱ邮箱：</label>
                                    <input type="email" class="form-control" style="width: 300px;display: inline-block;"
                                           @if(!$baseEdit) disabled @endif
                                           name="contact_email" value="{{$data->contacts[1]['email']??''}}">
                                </div>
                                <div class="col-sm-6" style="margin-top: 10px">

                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅱ手机：</label>
                                    <input type="text" class="form-control" @if(!$baseEdit) disabled @endif
                                    style="width: 300px;display: inline-block;" name="contact_mobile"
                                           value="{{$data->contacts[1]['mobile']??''}}">
                                </div>
                                <div class="col-sm-6" style="margin-top: 10px">

                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅱ职位：</label>
                                    <input type="text" class="form-control" @if(!$baseEdit) disabled @endif
                                    style="width: 300px;display: inline-block;" name="contact_position"
                                           value="{{$data->contacts[1]['position']??''}}">
                                </div>

                            </div>
                        </div>

                        <div class="form-group contacts">
                            <div class="col-sm-12">
                                <div class="col-sm-6" style="margin-top: 10px">
                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅲ&nbsp;姓名：</label>
                                    <input type="text" class="form-control"
                                           style="width: 300px;display: inline-block"
                                           @if(!$baseEdit) disabled @endif
                                           name="contact_name" value="{{$data->contacts[2]['name']??''}}">
                                </div>
                                <div class="col-sm-6" style="margin-top: 10px">
                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅲ邮箱：</label>
                                    <input type="email" class="form-control" style="width: 300px;display: inline-block;"
                                           @if(!$baseEdit) disabled @endif
                                           name="contact_email" value="{{$data->contacts[2]['email']??''}}">
                                </div>
                                <div class="col-sm-6" style="margin-top: 10px">
                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅲ手机：</label>
                                    <input type="text" class="form-control" @if(!$baseEdit) disabled @endif
                                    style="width: 300px;display: inline-block;" name="contact_mobile"
                                           value="{{$data->contacts[2]['mobile']??''}}">
                                </div>

                                <div class="col-sm-6" style="margin-top: 10px">
                                    <label for="contact_ids" class="col-sm-4 control-label">客户联系人Ⅲ职位：</label>
                                    <input type="text" class="form-control" @if(!$baseEdit) disabled @endif
                                    style="width: 300px;display: inline-block;" name="contact_position"
                                           value="{{$data->contacts[2]['position']??''}}">
                                </div>

                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="customer_demand_type"><span
                                    class="red">* </span>客户需求：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="customer_demand_type" name="customer_demand_type">
                                    <option value="">请选择</option>
                                    <option value="1" @if(($data->customer_demand_type??'')==1) selected @endif>客户询盘
                                    </option>
                                    <option value="2" @if(($data->customer_demand_type??'')==2) selected @endif>营销推广
                                    </option>
                                    <option value="3" @if(($data->customer_demand_type??'')==3) selected @endif>两者兼有
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="sign_amount"><span
                                    class="red">* </span>签单价格：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="sign_amount" name="sign_amount"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->sign_amount??''}}">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="sign_amount"><span
                                    class="red">* </span>套餐类型： </label>&nbsp;&nbsp;&nbsp;
                            <div class="radio-label">
                                <input type="radio" id="color1" value="1" name="package_type"
                                       @if ($data->package_type==1) checked @endif>
                                <label for="color1">老套餐</label>
                            </div>
                            <div class="radio-label">
                                <input type="radio" id="color2" value="2" name="package_type"
                                       @if ($data->package_type==2) checked @endif>
                                <label for="color2">2019标准版</label>
                            </div>
                            <div class="radio-label">
                                <input type="radio" id="color3" value="3" name="package_type"
                                       @if ($data->package_type==3) checked @endif>
                                <label for="color3">2019升级版</label>
                            </div>
                            <div class="radio-label">
                                <input type="radio" id="color4" value="4" name="package_type"
                                       @if ($data->package_type==4) checked @endif>
                                <label for="color4">2019高级版</label>
                            </div>
                            <div class="radio-label">
                                <input type="radio" id="color5" value="5" name="package_type"
                                       @if ($data->package_type==5) checked @endif>
                                <label for="color5">2020标准版</label>
                            </div>
                            <div class="radio-label">
                                <input type="radio" id="color6" value="6" name="package_type"
                                       @if ($data->package_type==6) checked @endif>
                                <label for="color6">2020升级版</label>
                            </div>
                            <div class="radio-label">
                                <input type="radio" id="color7" value="7" name="package_type"
                                       @if ($data->package_type==7) checked @endif>
                                <label for="color7">2020高级版</label>
                            </div>
                            <div class="radio-label">
                                <input type="radio" id="color8" value="8" name="package_type"
                                       @if ($data->package_type==8) checked @endif>
                                <label for="color8">定制版</label>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="pay_way"><span class="red">* </span>付款方式：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="pay_way" name="pay_way">
                                    <option value="">请选择</option>
                                    <option value="1" @if(($data->pay_way??'')==1) selected @endif>分期</option>
                                    <option value="2" @if(($data->pay_way??'')==2) selected @endif>全款</option>
                                </select>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="remark">合同备注：</label>
                            <div class="col-sm-8">

                                    <textarea class="form-control" id="remark" @if(!$baseEdit) disabled @endif
                                    name="remark">{{$data->remark??''}}</textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="contract_ids"><span
                                    class="red">* </span>服务项目：</label>
                            <div class="col-sm-8 ">

                                <select class="form-control" style="width:350px;" @if(!$baseEdit) disabled @endif
                                id="contract_ids" name="contract_ids" multiple size="6">
                                    <option value="">请选择合同版本</option>
                                    @foreach ($contracts as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$data->contract_ids??[])) selected @endif>{{$item->title}}</option>
                                    @endforeach
                                </select>
                                <span class="span" style="font-size: 12px">ctrl+鼠标点击/shift+鼠标点击 多选</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="keyword_goal"><span
                                    class="red">* </span>关键词达标数：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="keyword_goal" name="keyword_goal"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->keyword_goal??''}}">
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="link_goal"><span
                                    class="red">* </span>外链平台数：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="link_goal" name="link_goal"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->link_goal??''}}">
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="article_goal"><span
                                    class="red">* </span>软文达标数：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="article_goal" name="article_goal"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->article_goal??''}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="article_difference">软文扣除数：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="article_difference"
                                       name="article_difference"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->article_difference??''}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="other_demand">其他需求：</label>
                            <div class="col-sm-8">

                                    <textarea class="form-control" id="other_demand" @if(!$baseEdit) disabled @endif
                                    name="other_demand">{{$data->other_demand??''}}</textarea>

                            </div>
                        </div>

                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">

                                @if($baseEdit)
                                    <button class="btn btn-primary " type="button" data-id="{{$data->id??0}}"
                                            onclick="units.save(1)">
                                        保存
                                    </button>
                                @endif
                                {{--<button class="btn btn-white closeLayer" type="button">取消</button>--}}
                            </div>
                        </div>
                    </form>
                </div>
            @endif

            @php $detailEdit=0; @endphp
            @hasAuth('site-detail-edit')
            @php $detailEdit=1; @endphp
            @endHasAuth

            @if(!empty($detailPermission))
                <div id="tab-2" class="lists">
                    {{--<div id="tab-2" class="ibox-content">--}}
                    <form class="form-horizontal" id="detail" style="margin-top: 20px">

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="contract_total_fee">合同总金额：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="contract_total_fee"
                                       @if(!$detailEdit) disabled @endif
                                       name="contract_total_fee"
                                       value="{{$payment->contract_total_fee??''}}" style="max-width: 350px">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="google_optimize_fee">谷歌优化费用：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="google_optimize_fee"
                                       @if(!$detailEdit) disabled @endif
                                       name="google_optimize_fee"
                                       value="{{$payment->google_optimize_fee??''}}" style="max-width: 350px">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="refund">退款：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="refund"
                                       @if(!$detailEdit) disabled @endif
                                       name="refund"
                                       value="{{$payment->refund??''}}" style="max-width: 350px">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="refund_reason">终止/退款原因：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="refund_reason"
                                       @if(!$detailEdit) disabled @endif
                                       name="refund_reason"
                                       value="{{$payment->refund_reason??''}}" style="max-width: 350px">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="refund_reason_analyze">终止/退款原因分析：</label>
                            <div class="col-sm-8">
                                <select name="refund_reason_analyze" id="refund_reason_analyze" class="form-control"
                                        @if(!$baseEdit) disabled @endif>
                                    <option value="0" @if($payment->refund_reason_analyze==0) selected @endif>请选择
                                    </option>
                                    <option value="1" @if($payment->refund_reason_analyze==1) selected @endif>建站期太长
                                    </option>
                                    <option value="2" @if($payment->refund_reason_analyze==2) selected @endif>客户原因
                                    </option>
                                    <option value="3" @if($payment->refund_reason_analyze==3) selected @endif>客户原因/未启动
                                    </option>
                                    <option value="4" @if($payment->refund_reason_analyze==4) selected @endif>实施期中止
                                    </option>
                                    <option value="5" @if($payment->refund_reason_analyze==5) selected @endif>主动终止
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="not_renewed_reason">未续费原因：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="not_renewed_reason"
                                       name="not_renewed_reason"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$payment->not_renewed_reason}}" autocomplete="off">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="not_renewed_reason_analyze">未续费原因分析：</label>
                            <div class="col-sm-8">
                                <select name="not_renewed_reason_analyze" id="not_renewed_reason_analyze"
                                        class="form-control" @if(!$baseEdit) disabled @endif>
                                    <option value="0" @if($payment->not_renewed_reason_analyze==0) selected @endif>请选择
                                    </option>
                                    <option value="1" @if($payment->not_renewed_reason_analyze==1) selected @endif>
                                        效果不好
                                    </option>
                                    <option value="2" @if($payment->not_renewed_reason_analyze==2) selected @endif>
                                        疫情影响
                                    </option>
                                    <option value="3" @if($payment->not_renewed_reason_analyze==3) selected @endif>
                                        业务转型
                                    </option>
                                    <option value="4" @if($payment->not_renewed_reason_analyze==4) selected @endif>价格高
                                    </option>
                                    <option value="5" @if($payment->not_renewed_reason_analyze==5) selected @endif>
                                        服务器不在引擎力
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div id="google_bid_chunk">

                            <div class="form-group">
                                <label class="col-sm-2 control-label">赠送竞价费用：</label>

                                <div class="col-sm-8">
                                    <label>费用：</label>
                                    <input type="text" class="form-control"
                                           name="bid_give_fee" id="bid_give_fee"
                                           style="width: 150px;display: inline-block"
                                           @if(!$detailEdit) disabled @endif
                                           value="{{$payment->bid_give_fee??''}}"
                                           onchange="units.computeGoogleBidTotalFee()">
                                </div>
                            </div>


                            @php
                                $google_bid=$payment->google_bid??[];
                                $totalFee=0;
                                foreach ($google_bid as $item){
                                   $totalFee+= intval(($item['google_bid_fee']??0));
                                }
                            @endphp
                            <div class="form-group">

                                <label class="col-sm-2 control-label">充值竞价费用：</label>
                                <div class="col-sm-8">
                                    <label>费用：</label>
                                    <input type="text" class="form-control"
                                           name="google_bid_fee" style="width: 150px;display: inline-block"
                                           @if(!$detailEdit) disabled @endif
                                           value="{{$google_bid[0]['google_bid_fee']??''}}"
                                           onchange="units.computeGoogleBidTotalFee()">

                                    <label style="margin-left: 15px">时间：</label>
                                    <input type="text" class="form-control"
                                           name="google_bid_time" style="width: 250px;display: inline-block"
                                           @if(!$detailEdit) disabled @endif
                                           id="google_bid_time" value="{{$google_bid[0]['google_bid_time']??''}}">

                                    <button type="button" class="btn btn-info" onclick="units.addGoogleBid()">+</button>

                                </div>
                            </div>
                            @foreach($google_bid as $key=>$item)
                                @if($key>0)
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label"></label>

                                        <div class="col-sm-8">
                                            <label>费用：</label>
                                            <input type="text" class="form-control"
                                                   name="google_bid_fee" style="width: 150px;display: inline-block"
                                                   value="{{$item['google_bid_fee']??''}}"
                                            >

                                            <label style="margin-left: 15px">时间：</label>
                                            <input type="text" class="form-control"
                                                   name="google_bid_time" style="width: 250px;display: inline-block"
                                                   value="{{$item['google_bid_time']??''}}"
                                            >

                                            <button type="button" class="btn btn-info"
                                                    onclick="units.removeGoogleBid(this)">-
                                            </button>
                                        </div>
                                    </div>
                                @endif
                            @endforeach

                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">竞价总费用：</label>
                            <div class="col-sm-8" style="padding-top: 7px">
                                <label>(赠送竞价+充值竞价) 费用：</label>

                                <label id="googleBidFeeTotal">{{$totalFee??0 + $payment->bid_give_fee??0}}</label>
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label">竞价客户评分：</label>


                            <input type="number" class="form-control"
                                   name="bid_score" id="bid_score" style="width: 150px;display: inline-block"
                                   @if(!$detailEdit) disabled @endif
                                   value="{{$payment->bid_score??''}}"
                            >


                            <label style="margin-left: 15px">时间：</label>
                            <input type="text" class="form-control" id="bid_score_time"
                                   name="bid_score_time" style="width: 250px;display: inline-block"
                                   value="{{$payment['bid_score_time']??''}}"
                            >
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="bid_login_account"> 客户竞价登录账号：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="bid_login_account" name="bid_login_account"
                                       @if(!$detailEdit) disabled @endif
                                       value="{{$payment->bid_login_account??''}}"
                                >
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label">竞价账户：</label>

                            <div class="col-sm-8">
                                <label>上线日期：</label>
                                <input type="text" class="form-control"
                                       name="bid_account_online_time" id="bid_account_online_time"
                                       style="width: 250px;display: inline-block"
                                       @if(!$detailEdit) disabled @endif
                                       value="{{$payment->bid_account_online_time??''}}"
                                >

                                <label style="margin-left: 15px">暂停日期：</label>
                                <input type="text" class="form-control"
                                       name="bid_account_pause_time" id="bid_account_pause_time"
                                       style="width: 250px;display: inline-block"
                                       @if(!$detailEdit) disabled @endif
                                       value="{{$payment->bid_account_pause_time??''}}"
                                >
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="wiki_fee"> 维基百科费用：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="wiki_fee" name="wiki_fee"
                                       @if(!$detailEdit) disabled @endif
                                       value="{{$payment->wiki_fee??''}}">
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="other_fee"> 其他费用：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="other_fee" name="other_fee"
                                       @if(!$detailEdit) disabled @endif
                                       value="{{$payment->other_fee??''}}">
                            </div>
                        </div>


                        <div class="hr-line-dashed"></div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="head">首付：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="head" name="head" @if(!$detailEdit) disabled
                                       @endif
                                       value="{{$payment->head??''}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="head_type">收款状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="head_type" name="head_type">
                                    <option value="0">请选择</option>
                                    <option value="1" @if(($payment->head_type??'')==1) selected @endif>未收</option>
                                    <option value="2" @if(($payment->head_type??'')==2) selected @endif>已收</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="head_invoicing_type">开票状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="head_invoicing_type" name="head_invoicing_type">
                                    <option value="0">请选择</option>
                                    <option value="1" @if(($payment->head_invoicing_type??'')==1) selected @endif>未开票
                                    </option>
                                    <option value="2" @if(($payment->head_invoicing_type??'')==2) selected @endif>已开票
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="hr-line-dashed"></div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="done">建站收款：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="done" name="done"
                                       value="{{$payment->done??''}}" @if(!$detailEdit) disabled @endif>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="done_type">收款状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="done_type" name="done_type">
                                    <option value="0">请选择</option>
                                    <option value="1" @if(($payment->done_type??'')==1) selected @endif>已收</option>
                                    <option value="2" @if(($payment->done_type??'')==2) selected @endif>未收</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="done_invoicing_type">开票状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="done_invoicing_type" name="done_invoicing_type">
                                    <option value="0">请选择</option>
                                    <option value="1" @if(($payment->done_invoicing_type??'')==1) selected @endif>未开票
                                    </option>
                                    <option value="2" @if(($payment->done_invoicing_type??'')==2) selected @endif>已开票
                                    </option>
                                </select>
                            </div>
                        </div>


                        <div class="hr-line-dashed"></div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="reach">达标尾款：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="reach" name="reach"
                                       @if(!$detailEdit) disabled @endif
                                       value="{{$payment->reach??''}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="reach_type">收款状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="reach_type" name="reach_type">
                                    <option value="0">请选择</option>
                                    <option value="1" @if(($payment->reach_type??'')==1) selected @endif>已收</option>
                                    <option value="2" @if(($payment->reach_type??'')==2) selected @endif>未收</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="reach_invoicing_type">开票状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="reach_invoicing_type" name="reach_invoicing_type">
                                    <option value="0">请选择</option>
                                    <option value="1" @if(($payment->reach_invoicing_type??'')==1) selected @endif>未开票
                                    </option>
                                    <option value="2" @if(($payment->reach_invoicing_type??'')==2) selected @endif>已开票
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="hr-line-dashed"></div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="service_final_payment">服务期尾款：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="service_final_payment"
                                       name="service_final_payment"
                                       @if(!$detailEdit) disabled @endif
                                       value="{{$payment->service_final_payment??''}}">
                            </div>
                        </div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="service_final_payment_type">收款状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="service_final_payment_type"
                                        name="service_final_payment_type">
                                    <option value="0">请选择</option>
                                    <option value="1"
                                            @if(($payment->service_final_payment_type??'')==1) selected @endif>已收
                                    </option>
                                    <option value="2"
                                            @if(($payment->service_final_payment_type??'')==2) selected @endif>未收
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label"
                                   for="service_final_payment_invoicing_type">开票状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="service_final_payment_invoicing_type"
                                        name="service_final_payment_invoicing_type">
                                    <option value="0">请选择</option>
                                    <option value="1"
                                            @if(($payment->service_final_payment_invoicing_type??'')==1) selected @endif>
                                        未开票
                                    </option>
                                    <option value="2"
                                            @if(($payment->service_final_payment_invoicing_type??'')==2) selected @endif>
                                        已开票
                                    </option>
                                </select>
                            </div>
                        </div>


                        <div class="hr-line-dashed"></div>


                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="renewal">续费：</label>

                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="renewal" name="renewal"
                                       @if(!$detailEdit) disabled @endif
                                       value="{{$payment->renewal??''}}">
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="renewal_type">收款状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="renewal_type" name="renewal_type">
                                    <option value="0">请选择</option>
                                    <option value="1" @if(($payment->renewal_type??'')==1) selected @endif>已收</option>
                                    <option value="2" @if(($payment->renewal_type??'')==2) selected @endif>未收</option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="renewal_invoicing_type">开票状态：</label>

                            <div class="col-sm-8">
                                <select class="form-control" id="renewal_invoicing_type" name="renewal_invoicing_type">
                                    <option value="0">请选择</option>
                                    <option value="1" @if(($payment->renewal_invoicing_type??'')==1) selected @endif>
                                        未开票
                                    </option>
                                    <option value="2" @if(($payment->renewal_invoicing_type??'')==2) selected @endif>
                                        已开票
                                    </option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                @if($detailEdit)
                                    <button class="btn btn-primary" type="button" data-id="{{$data->id??0}}"
                                            onclick="units.save(2)">
                                        保存
                                    </button>
                                @endif
                                {{--<button class="btn btn-white closeLayer" type="button">取消</button>--}}
                            </div>
                        </div>
                    </form>
                </div>
            @endif


            <div id="tab-21" class="lists">
                <form class="form-horizontal" id="people" style="margin-top: 20px;padding-bottom: 250px;">
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="manager_ids">项目总监：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择项目总监..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="manager_ids" name="manager_ids">
                                <option value="">请选择项目总监</option>
                                @if(!empty($managers))
                                    @foreach ($managers as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasMangerIds)) selected
                                            @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="manage_helper_ids">项目经理：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择项目经理..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="manage_helper_ids" name="manage_helper_ids">
                                <option value="">请选择项目经理</option>
                                @if(!empty($managerHelpers))
                                    @foreach ($managerHelpers as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasMangeHelpIds)) selected
                                            @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="editor_ids">建站采编：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择建站采编..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="editor_ids" name="editor_ids">
                                <option value="">请选择建站采编</option>
                                @if(!empty($editors))
                                    @foreach ($editors as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasEditorIds)) selected
                                                @endif  @if(!$detailEdit) disabled @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>

                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="optimizer_ids">优化组长：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择优化组长..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="optimizer_ids" name="optimizer_ids">
                                <option value="">请选择优化组长</option>
                                @if(!empty($optimizers))
                                    @foreach ($optimizers as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasOptimizerIds)) selected
                                            @endif >{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="optimization_editing_ids">优化师/优化采编：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择优化师/优化采编..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="optimization_editing_ids" name="optimization_editing_ids">
                                <option value="">请选择优化师/优化采编</option>
                                @if(!empty($optimizationEditing))
                                    @foreach ($optimizationEditing  as  $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasOptimizationEditing)) selected
                                            @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    @if( in_array(\App\Http\Models\Contract::GOOGLE_BID,$data->contract_ids??[]))
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="bid_user_id">竞价人员：</label>
                            <div class="col-sm-10">

                                <select data-placeholder="选择竞价人员..." class="chosen-select"
                                        style="width:350px;z-index: 99999"
                                        id="bid_user_ids" name="bid_user_ids" multiple>
                                    <option value="">请选择竞价人员</option>
                                    @if(!empty($bidUsers))
                                        @foreach ($bidUsers as $item)
                                            <option value="{{$item->id}}"
                                                    @if(in_array($item->id,$hasBidIds)) selected
                                                @endif>{{$item->nickname}}</option>
                                        @endforeach
                                    @endif
                                </select>
                                是否属于竞价：
                                <input type="checkbox" id="bid_status" name="bid_status"
                                       class="js-switch-bid"
                                       @if($data->bid_status) checked @endif title=""
                                       onchange="units.changeBidStatus()">
                            </div>
                        </div>
                    @endif
                    <div class="hr-line-dashed"></div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="article_edit_ids">软文查找人员：</label>
                        <div class="col-sm-10">
                            <select data-placeholder="请软文查找人员..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="article_edit_ids" name="article_edit_ids">
                                <option value="">请选择软文查找人员</option>
                                @if(!empty($propaganda))
                                    @foreach ($propaganda  as  $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasPropagandaIds)) selected
                                            @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>

                            是否特殊软文：
                            <input type="checkbox" id="spec_article" name="spec_article"
                                   class="js-switch-spec"
                                   @if($data->spec_article??false) checked @endif
                                   title=""
                                   onchange="units.changeSpecArticle()">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="article_ids">软文更新人员：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择软文更新人员..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="article_ids" name="article_ids">
                                <option value="">请选择软文更新人员</option>
                                @if(!empty($article))
                                    @foreach ($article  as  $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasArticleIds)) selected
                                            @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>


                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="external_link_ids">社交外链人员：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择社交外链人员..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="external_link_ids" name="external_link_ids">
                                <option value="">请选择社交外链人员</option>
                                @if(!empty($externalLink))
                                    @foreach ($externalLink as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasExternalLinkIds)) selected
                                            @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="chongqing_link_ids">重庆外链人员：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择重庆外链人员..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="chongqing_link_ids" name="chongqing_link_ids">
                                <option value="">请选择重庆外链人员</option>
                                @if(!empty($chongqingLink))
                                    @foreach ($chongqingLink as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasChongqingLinkIds)) selected
                                            @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>

                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="designer_ids">设计：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择设计..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="designer_ids" name="designer_ids">
                                <option value="">请选择设计</option>
                                @if(!empty($designers))
                                    @foreach ($designers as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasDesignerIds)) selected
                                            @endif >{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>

                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="web_ids">前端：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择前端..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="web_ids" name="web_ids">
                                <option value="">请选择前端</option>
                                @if(!empty($webUsers))
                                    @foreach ($webUsers as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasWebIds)) selected
                                            @endif >{{$item->nickname}}</option>
                                    @endforeach
                                @endif

                            </select>

                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="server_ids">客服：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择客服人员..." multiple class="chosen-select"
                                    style="width:350px;"
                                    id="server_ids" name="server_ids">
                                <option value="">请选择客服人员</option>
                                @if(!empty($services))
                                    @foreach ($services as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasServerIds)) selected
                                            @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="seller_ids">销售：</label>
                        <div class="col-sm-10">

                            <select data-placeholder="选择销售..." multiple class="chosen-select"
                                    style="width:350px"
                                    id="seller_ids" name="seller_ids">
                                <option value="">请选择销售</option>
                                @if(!empty($sellerUsers))
                                    @foreach ($sellerUsers as $item)
                                        <option value="{{$item->id}}"
                                                @if(in_array($item->id,$hasSellerIds)) selected
                                            @endif>{{$item->nickname}}</option>
                                    @endforeach
                                @endif
                            </select>

                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-4 col-sm-offset-2">

                            <button class="btn btn-primary" type="button" data-id="{{$data->id??0}}"
                                    onclick="units.save(3)">
                                保存
                            </button>

                        </div>
                    </div>
                </form>
            </div>

            <div id="tab-3" class="lists">
                <h4 class="o-h4" style="margin-top: 20px">pinterest配置</h4>
                <form class="form-horizontal" id="pin">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">client_id：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" name="app_id" placeholder=""
                                   value="{{$pin['app_id']??''}}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">client_secret：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" name="app_secret" placeholder=""
                                   value="{{$pin['app_secret']??''}}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">跳转url：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" name="redirect_url" placeholder=""
                                   value="{{$pin['redirect_url']??''}}">
                        </div>
                    </div>


                    <div class="form-group">
                        <div class="col-sm-4 col-sm-offset-3">
                            <button class="btn btn-primary" type="button"
                                    onclick="units.socialSave('pin')">
                                保存
                            </button>
                            {{--<button class="btn btn-info" type="button">去授权</button>--}}
                            <a class="btn btn-info"
                               href="{{sprintf('https://wall.yinqingli.com/admin/socials/oauth?which=pinterest&siteId=%s',$siteId)}}"
                               target="_blank">去授权</a>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">token：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" placeholder="" disabled
                                   value="{{$pin['token']??''}}">

                        </div>
                    </div>

                </form>


                <hr>
                <h4 class="o-h4">twitter配置</h4>
                <form class="form-horizontal " id="twitter">

                    <div class="form-group">
                        <div class="col-sm-4 col-sm-offset-3">
                            {{--<button class="btn btn-primary" type="button"--}}
                            {{--onclick="units.socialSave('twitter')">--}}
                            {{--保存--}}
                            {{--</button>--}}
                            <a class="btn btn-info"
                               href="https://wall.yinqingli.com/admin/socials/oauth?which=twitter&siteId={{$siteId}}"
                               target="_blank">去绑定</a>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">access token:</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" placeholder="" disabled
                                   value="{{$twitter['token']??''}}">

                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-3 control-label">accesstoken secret:</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" placeholder="" disabled
                                   value="{{$twitter['token_secret']??''}}">
                        </div>
                    </div>

                </form>

                <hr>
                <h4 class="o-h4">facebook配置</h4>
                <form class="form-horizontal " id="facebook">


                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="facebook_page">facebook公司主页：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" name="facebook_page"
                                   value="{{$data->facebook_page??''}}">
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-3 control-label" for="facebook_page">facebook page token：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" name="facebook_page_token"
                                   value="{{$data->facebook_page_token??''}}" disabled>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-4 col-sm-offset-3">
                            <button class="btn btn-primary" type="button"
                                    onclick="units.socialSave('facebook')">
                                保存
                            </button>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">过期时间：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" placeholder=""
                                   value="{{$facebookSocial['page_token_expired_at']??''}}" disabled>
                        </div>
                    </div>

                </form>
                <hr>

                <h4 class="o-h4">linkedIn 配置</h4>
                <form class="form-horizontal " id="linkedIn">


                    <div class="form-group">
                        <label class="col-sm-3 control-label">企业组织ID：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" name="linkedin_orgid" placeholder=""
                                   value="{{$linkedIn['linkedin_orgid']??''}}">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-4 col-sm-offset-3">
                            <button class="btn btn-primary" type="button"
                                    onclick="units.socialSave('linkedIn')">
                                保存
                            </button>
                            {{--<a class="btn btn-info"--}}
                            {{--href="{{url('admin/socials/oauth?which=linkedIn&siteId='.$siteId)}}"--}}
                            {{--target="_blank">去授权</a>--}}
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">token：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" placeholder=""
                                   value="{{$linkedBaseInfo['token']??''}}" disabled>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">过期时间：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" placeholder=""
                                   value="{{$linkedBaseInfo['token_expired_at']??''}}" disabled>
                        </div>
                    </div>

                </form>

            </div>


            <div id="tab-4" class="lists">

                <form class="form-horizontal" id="optimize" style="margin-top: 20px">

                    <div id="optimize_page">

                        <div style="padding: 5px 0">
                            <button type="button" class="btn btn-info" onclick="units.import()">
                                导入关键词
                            </button>

                            <button type="button" class="btn btn-success" onclick="units.export()">
                                导出
                            </button>


                            <button type="button" class="btn btn-danger" onclick="units.clearOptimize()">
                                一键删除
                            </button>
                        </div>


                        @forelse($optimizePage as $inx=>$item)
                            <div class="form-group">
                                {{--<label class="col-sm-2 control-label" for="google_bid">布局关键字：</label>--}}

                                <div class="col-sm-offset-1 col-sm-8">
                                    <label>布局关键字：</label>
                                    <input type="text" class="form-control" style="width: 250px;display: inline-block"
                                           name="optimize_page_keyword" value="{{$item['keyword']}}">

                                    <label style="margin-left: 15px">url地址：</label>
                                    <input type="text" class="form-control" style="width: 250px;display: inline-block"
                                           name="optimize_page_url" value="{{$item['url']}}">

                                    <label style="margin-left: 15px">已优化：</label>
                                    <input type="checkbox" class="js-switch" name="optimize_page_is_optimize"
                                           @if(!empty($item['is_optimize'])) checked @endif>

                                    <input type="hidden" name="optimize_page_id" value="{{$item['id']}}">
                                    @if($inx==0)
                                        <button type="button" class="btn btn-info" onclick="units.addOptimizePage()">+
                                        </button>
                                    @else
                                        <button type="button" class="btn btn-info"
                                                onclick="units.removeOptimizePage(this)">-
                                        </button>
                                    @endif
                                </div>
                            </div>
                        @empty
                            <div class="form-group">

                                <div class="col-sm-offset-1 col-sm-8">
                                    <label>布局关键字：</label>
                                    <input type="text" class="form-control"
                                           style="width: 250px;display: inline-block"
                                           name="optimize_page_keyword" value="">

                                    <label style="margin-left: 15px">url地址：</label>
                                    <input type="text" class="form-control"
                                           style="width: 250px;display: inline-block"
                                           name="optimize_page_url" value="">

                                    <label style="margin-left: 15px">已优化：</label>
                                    <input type="checkbox" class="js-switch" name="optimize_page_is_optimize">

                                    <input type="hidden" name="optimize_page_id" value="0">

                                    <button type="button" class="btn btn-info" onclick="units.addOptimizePage()">+
                                    </button>

                                </div>
                            </div>

                        @endforelse

                    </div>
                    <div class="form-group">
                        <div class="col-sm-9" style="text-align: center">
                            <button class="btn btn-success" type="button" data-id="{{$data->id??0}}"
                                    onclick="units.optimizePageSave()">
                                保存
                            </button>
                        </div>
                    </div>


                </form>
            </div>

            <div id="tab-5" class="lists">

                <form class="form-horizontal" id="account" style="margin-top: 20px">

                    <div class="form-group">
                        <label class="col-sm-2 control-label">管理员账号：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="adminAccount"
                                   value="{{$siteInfo->admin_account??''}}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">管理员密码：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="adminPass"
                                   value="{{$siteInfo->admin_pass??''}}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户账号：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="userAccount"
                                   value="{{$siteInfo->user_account??''}}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">用户密码：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="userPass"
                                   value="{{$siteInfo->user_pass??''}}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">app账号：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="appAccount"
                                   value="{{$siteInfo->app_account??''}}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">app密码：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="appPass"
                                   value="{{$siteInfo->app_pass??''}}">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-9" style="text-align: center">
                            <button class="btn btn-primary" type="button" data-id="{{$data->id??0}}"
                                    onclick="units.accountSave()">
                                保存
                            </button>
                        </div>
                    </div>

                </form>
            </div>

            <div id="tab-6" class="lists">
                <form class="form-horizontal" id="time" style="margin-top: 20px;padding-bottom: 250px;">

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="sign_at">合同签订时间：</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="sign_at" name="sign_at"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->sign_at??''}}">
                            </div>
                        </div>

                        <label class="col-sm-2 control-label" for="task_at"><span
                                class="red">* </span>建站任务起始时间：<br>（首付款时间）</label>
                        <div class="col-sm-4">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="task_at" name="task_at" style="width: 200px"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->task_at}}" autocomplete="off">
                                @if(!empty($roles->is_super))
                                    <button class="btn btn-primary" type="button" data-id="{{$data->id??0}}"
                                            onclick="units.delSitesTaskFlow()">
                                        清空建站流程
                                    </button>
                                @endif
                            </div>
                        </div>

                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="order_at"><span
                                class="red">* </span>下单时间：<br>（分配到项目部门）</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="order_at" name="order_at"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->order_at}}" autocomplete="off">
                            </div>
                        </div>
                        <label class="col-sm-2 control-label" for="design_score">设计评分：</label>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" id="design_score" name="design_score"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->design_score}}" autocomplete="off">
                        </div>


                    </div>


                    {{--  <div class="form-group">
                          <label class="col-sm-2 control-label" for="assign_at">分配时间：</label>

                          <div class="col-sm-4">
                              <div class="input-group m-b">
                                  <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                  <input type="text" class="form-control" id="assign_at" name="assign_at"
                                         @if(!$baseEdit) disabled @endif
                                         value="{{$data->assign_at}}">
                              </div>
                          </div>


                      </div>--}}

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="online_at">上线时间：</label>

                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="online_at" name="online_at"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->online_at}}">
                            </div>
                        </div>


                        <label class="col-sm-2 control-label" for="online_score">上线评分：</label>

                        <div class="col-sm-2">
                            <input type="text" class="form-control" id="online_score" name="online_score"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->online_score}}" autocomplete="off">
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="reach_at">达标时间：</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="reach_at" name="reach_at"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->reach_at}}">
                            </div>
                        </div>

                        <label class="col-sm-2 control-label" for="reach_mail_at">达标邮件确认时间：</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="reach_mail_at" name="reach_mail_at"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->reach_mail_at}}">
                            </div>
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="expired_at">到期时间：</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="expired_at" name="expired_at"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->expired_at}}">
                            </div>
                        </div>

                        <label class="col-sm-2 control-label" for="reach_pay_at">达标款支付时间：</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="reach_pay_at" name="reach_pay_at"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->reach_pay_at}}">
                            </div>
                        </div>

                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="bq_at">百千约访时间：</label>

                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="bq_at" name="bq_at"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->bq_at}}">
                            </div>
                        </div>

                        <label class="col-sm-2 control-label" for="bq_score">百千客户评分：</label>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" id="bq_score" name="bq_score"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->bq_score}}" autocomplete="off">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="status">项目状态：</label>

                        <div class="col-sm-2">
                            <select name="status" id="status" class="form-control" @if(!$baseEdit) disabled
                                    @endif style="width: 200px">
                                <option value="">请选择</option>
                                @foreach(\App\Http\Models\Site::STATUS_MAP as $inx=>$val)
                                    @if(!in_array($inx,[5,6]))
                                        <option value="{{$inx}}"
                                                @if($inx==($data->status)) selected @endif>{{$val}}</option>
                                    @endif
                                @endforeach
                            </select>
                        </div>

                        <label class="col-sm-2 control-label" for="on_score">达标评分：</label>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" id="reach_score" name="reach_score"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->reach_score}}" autocomplete="off">
                        </div>
                    </div>

                    <div class="hr-line-dashed"></div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="renewal_times">续费次数：</label>

                        <div class="col-sm-2">
                            <div class="input-group m-b" style="margin-left: 10px">
                                <select class="form-control" name="renewal_times" id="renewal_times"
                                        style="width: 200px;">
                                    <option value="">请选择</option>
                                    @for($rTimes=1;$rTimes<=10;$rTimes++)
                                        <option value="{{$rTimes}}"
                                                @if(($data->renewal_times??'')==$rTimes) selected @endif>{{$rTimes}}次
                                        </option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                        <label class="col-sm-2 control-label" for="renewal_amount">续费金额：</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b" style="margin-left: 10px">
                                <input type="number" class="form-control" id="renewal_amount" name="renewal_amount"
                                       style="width: 200px"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->renewal_amount??''}}">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="renewal_at">续费时间：</label>

                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="renewal_at" name="renewal_at"
                                       @if(!$baseEdit) disabled @endif
                                       value="{{$data->renewal_at}}">
                            </div>
                        </div>

                        <label class="col-sm-2 control-label" for="renew_years">最近一次续费年限：</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b" style="margin-left: 10px">
                                <select class="form-control" name="renew_years" id="renew_years"
                                        style="width: 200px;">
                                    <option value="0">请选择</option>
                                    <option value="1"
                                            @if(!empty($data->renew_years) && $data->renew_years==1) selected @endif>1年
                                    </option>
                                    <option value="2"
                                            @if(!empty($data->renew_years) && $data->renew_years==2) selected @endif>2年
                                    </option>
                                    <option value="3"
                                            @if(!empty($data->renew_years) && $data->renew_years==3) selected @endif>3年
                                    </option>
                                </select>
                            </div>
                        </div>

                        {{--  <label class="col-sm-2 control-label" for="is_renew">是否网站续费：</label>
                          <div class="col-sm-1">
                              <input type="checkbox" id="is_renew" name="is_renew"
                                     class="js-switch-renew"
                                     @if($data->is_renew??0) checked
                                     @endif onchange="units.changeRenewStatus()">
                          </div>--}}

                        {{--  <label class="col-sm-2 control-label" for="is_current_month_online">当月上线目标：</label>
                          <div class="col-sm-1">
                              <input type="checkbox" id="is_current_month_online" name="is_current_month_online"
                                     class="js-switch-online"
                                     @if($data->is_current_month_online) checked
                                     @endif onchange="units.changeCurrentMonthOnline()">
                          </div>--}}
                    </div>


                    {{--    <div class="form-group">
                              <label class="col-sm-2 control-label" for="renewal_end_at">续费结束时间：</label>
                              <div class="col-sm-2">
                                  <div class="input-group m-b">
                                      <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                      <input type="text" class="form-control" id="renewal_end_at" name="renewal_end_at"
                                             @if(!$baseEdit) disabled @endif
                                             value="{{$data->renewal_end_at??""}}">
                                  </div>
                              </div>
                        </div>--}}
                    <div class="hr-line-dashed"></div>


                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="refund_date">退款时间：</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="refund_date"
                                       @if(!$baseEdit) disabled @endif
                                       name="refund_date"
                                       value="{{$data->refund_date}}">
                            </div>
                        </div>

                        <label class="col-sm-2 control-label" for="is_refund">是否退款：</label>
                        <div class="col-sm-2">
                            <input type="checkbox" id="is_refund" name="is_refund"
                                   class="js-switch-refund"
                                   @if($data->is_refund??0) checked
                                   @endif onchange="units.changeRefundStatus()">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="domain_expired_date">域名到期时间：</label>
                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="domain_expired_date"
                                       @if(!$baseEdit) disabled @endif
                                       name="domain_expired_date"
                                       value="{{$data->domain_expired_date}}">
                            </div>
                        </div>


                        <label class="col-sm-2 control-label" for="domain_us_buy">域名是否我们购买：</label>
                        <div class="col-sm-2">
                            <input type="checkbox" id="domain_us_buy" name="domain_us_buy"
                                   class="js-switch-domain"
                                   @if($data->domain_us_buy??0) checked
                                   @endif onchange="units.changeDomainStatus()">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="cdn_expired_date">cdn到期时间：</label>

                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="cdn_expired_date"
                                       name="cdn_expired_date"
                                       value="{{$data->cdn_expired_date}}">
                            </div>
                        </div>
                        <label class="col-sm-2 control-label" for="is_cdn">是否cdn：</label>
                        <div class="col-sm-2">
                            <input type="checkbox" id="is_cdn" name="is_cdn"
                                   class="js-switch-cdn"
                                   @if($data->is_cdn) checked @endif onchange="units.changeCDNStatus()">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="cert_expired_date">证书到期时间：</label>

                        <div class="col-sm-2">
                            <div class="input-group m-b">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                <input type="text" class="form-control" id="cert_expired_date"
                                       @if(!$baseEdit) disabled @endif
                                       name="cert_expired_date"
                                       value="{{$data->cert_expired_date}}">
                            </div>
                        </div>

                        <label class="col-sm-2 control-label" for="cert_us_buy">证书是否我们购买：</label>
                        <div class="col-sm-2">
                            <input type="checkbox" id="cert_us_buy" name="cert_us_buy"
                                   class="js-switch-cert"
                                   @if($data->cert_us_buy) checked @endif onchange="units.changeCertStatus()">
                        </div>
                    </div>


                    <div class="form-group">
                        <div class="col-sm-4 col-sm-offset-2">

                            <button class="btn btn-primary" type="button" data-id="{{$data->id??0}}"
                                    onclick="units.save(4)">
                                保存
                            </button>

                            {{--<button class="btn btn-white closeLayer" type="button">取消</button>--}}
                        </div>
                    </div>
                </form>
            </div>

            <div id="tab-7" class="lists">
                <form class="form-horizontal" id="server" style="margin-top: 20px;padding-bottom: 250px;">

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="server_id">服务器所在地：</label>

                        <div class="col-sm-8">
                            <select name="server_id" id="server_id" class="form-control"
                                    @if(!$baseEdit) disabled @endif>
                                <option value="">请选择ip所在地</option>
                                @foreach($servers as $server)
                                    <option value="{{$server->server_id}}"
                                            @if($server->server_id==($data->server_id??null)) selected @endif>{{$server->server_ip}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="self_support">是否是引擎力服务器：</label>

                        <div class="col-sm-8">
                            <select name="self_support" id="self_support" class="form-control">
                                <option value="0" @if($data->self_support==0) selected @endif>是</option>
                                <option value="1" @if($data->self_support==1) selected @endif>否</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="is_stencil">是否是模版站：</label>

                        <div class="col-sm-8">
                            <select name="is_stencil" id="is_stencil" class="form-control">
                                <option value="0" @if($data->is_stencil==0) selected @endif>否</option>
                                <option value="1" @if($data->is_stencil==1) selected @endif>是</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="api_url">api地址：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="api_url" name="api_url"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->api_url??''}}">
                            <span class="span" style="font-size: 12px;">填写正式域名加/openapi/   例：http://www.baidu.com/openapi/  （注意https）</span>
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="webmaster_domain">webmaster域名：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="webmaster_domain" name="webmaster_domain"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->webmaster_domain??''}}">
                            <span class="span" style="font-size: 12px;">填写webmaster上填写的域名（一定要一模一样，注意https和斜杠）   例：http://www.baidu.com/</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="database">项目数据库名：</label>

                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="database" name="database"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->database??''}}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="code_dir">项目代码目录：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="code_dir" name="code_dir"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->code_dir??''}}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="cname_host_record_value">CNAME主机记录：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="cname_host_record_value"
                                   name="cname_host_record_value"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->cname_host_record_value??''}}"
                                   @if(in_array($data->status,[2,3])) disabled @endif>
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="cname_record_value">CNAME记录值：</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="cname_record_value" name="cname_record_value"
                                   @if(!$baseEdit) disabled @endif
                                   value="{{$data->cname_record_value??''}}"
                                   @if(in_array($data->status,[2,3])) disabled @endif>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-4 col-sm-offset-2">

                            <button class="btn btn-primary" type="button" data-id="{{$data->id??0}}"
                                    onclick="units.save(5)">
                                保存
                            </button>

                            {{--<button class="btn btn-white closeLayer" type="button">取消</button>--}}
                        </div>
                    </div>
                </form>
            </div>

            @if (empty($basePermission)&&empty($detailPermission))
                <h1>无权限</h1>
            @endif
        </div>
    </div>

    <div id="add_google_bid_str" style="display: none">
        <div class="form-group">
            <label class="col-sm-2 control-label"></label>

            <div class="col-sm-8">
                <label>费用：</label>
                <input type="text" class="form-control"
                       name="google_bid_fee" style="width: 150px;display: inline-block"
                       onchange="units.computeGoogleBidTotalFee()">

                <label style="margin-left: 15px">时间：</label>
                <input type="text" class="form-control"
                       name="google_bid_time" style="width: 250px;display: inline-block">

                <button type="button" class="btn btn-info" onclick="units.removeGoogleBid(this)">-</button>
            </div>
        </div>
    </div>


    <div id="optimize_page_str" style="display: none">
        <div class="form-group">
            <div class="col-sm-offset-1 col-sm-8">
                <label>布局关键字：</label>
                <input type="text" class="form-control" style="width: 250px;display: inline-block"
                       name="optimize_page_keyword">

                <label style="margin-left: 15px">url地址：</label>
                <input type="text" class="form-control" style="width: 250px;display: inline-block"
                       name="optimize_page_url">

                <label style="margin-left: 15px">已优化：</label>
                <input type="checkbox" class="js-switch" name="optimize_page_is_optimize">

                <input type="hidden" name="optimize_page_id" value="0">

                <button type="button" class="btn btn-info" onclick="units.removeOptimizePage(this)">-</button>
            </div>
        </div>

    </div>


@endsection

@section('footer_extend')
    <script src="{{asset('js/plugins/chosen/chosen.jquery.js')}}"></script>
    <script src="{{asset('js/plugins/layDate-v5.0.9/laydate/laydate.js')}}"></script>
    <script src="{{asset('js/plugins/switchery/switchery.js?v=1')}}"></script>
    <script src="{{asset('js/plugins/distpicker-master/dist/distpicker.js?v=1')}}"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>

    <script>
        var RefundJsSwitch = document.querySelector(".js-switch-refund");
        new Switchery(RefundJsSwitch, {color: "#1AB394", size: 'small'});

        var BidJsSwitch = document.querySelector(".js-switch-bid");
        new Switchery(BidJsSwitch, {color: "#1AB394", size: 'small'});

        var SpecJsSwitch = document.querySelector(".js-switch-spec");//是否特殊软文
        new Switchery(SpecJsSwitch, {color: "#1AB394", size: 'small'});

        var CDBJsSwitch = document.querySelector(".js-switch-cdn");
        new Switchery(CDBJsSwitch, {color: "#1AB394", size: 'small'});

        var RenewJsSwitch = document.querySelector(".js-switch-renew");
        new Switchery(RenewJsSwitch, {color: "#1AB394", size: 'small'});

        var DomainJsSwitch = document.querySelector(".js-switch-domain");
        new Switchery(DomainJsSwitch, {color: "#1AB394", size: 'small'});

        var OnlineSwitch = document.querySelector(".js-switch-online");
        new Switchery(OnlineSwitch, {color: "#1AB394", size: 'small'});

        var CertJsSwitch = document.querySelector(".js-switch-cert");
        new Switchery(CertJsSwitch, {color: "#1AB394", size: 'small'});

        var CaseJsSwitch = document.querySelector(".js-switch-case");
        new Switchery(CaseJsSwitch, {color: "#1AB394", size: 'small'});

        var checked = CaseJsSwitch.checked ? 1 : 0;
        if (checked === 0) {
            $('.example').hide();
            $('.case').hide();
        } else {
            $('.example').show();
            $('.case').show();
        }

        var BqJsSwitch = document.querySelector(".js-switch-bq");
        new Switchery(BqJsSwitch, {color: "#1AB394", size: 'small'});

        $(".tabs-container .nav ul li").click(function () {
            var i = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(".tabs-container .tab-content .lists").eq(i).addClass("active").siblings().removeClass("active");
        });

        $(function () {
            var needDateTime = ['#reach_pay_at', '#reach_mail_at', '#order_at', '#bq_at', '#online_at', '#reach_at', '#expired_at', '#sign_at', '#renewal_at', '#renewal_end_at', '#assign_at', '#bid_account_online_time', '#bid_account_pause_time', '#bid_score_time', '#task_at'];
            for (var item in needDateTime) {
                laydate.render({
                    elem: needDateTime[item], //指定元素
                    type: 'datetime'
                });
            }
            var needDate = ['#cert_expired_date', '#domain_expired_date', '#cdn_expired_date', '#refund_date'];
            for (var val in needDate) {
                laydate.render({
                    elem: needDate[val], //指定元素
                    type: 'date'
                });
            }

            var ele = $('[name="google_bid_time"]');
            var total = 0;
            ele.each(function () {
                total += 1;
            });

            ele.each(function (inx, item) {
                if ((total - 1) !== (inx)) {
                    //     console.log(total, ele.length);
                    laydate.render({
                        elem: $(this)[0],
                        type: 'datetime'
                    });
                }
            });

            laydate.render({
                elem: '#google_bid_time', //指定元素
                type: 'datetime'
            });


            $(".js-switch").each(function (inx, val) {
                new Switchery(val, {color: "#1AB394", size: 'small'});
            });
        });

        var config = {".chosen-select": {}};
        for (var selector in config) $(selector).chosen(config[selector]);

        var units = {
            import: function () {
                var str = '<div class="ibox-content" id="importLayer">' +
                    '<form class="form-horizontal">' +
                    '<div class="form-group">' +
                    '<label class="col-sm-3 control-label">请选择excel文件：</label>' +

                    '<div class="col-sm-6">' +

                    '<input type="file" id="excel_file" class="form-control">' +
                    '<input type="hidden" id="excel_path">' +
                    '</div>' +
                    '<div class="col-sm-2"><button class="btn btn-info" type="button" onclick="units.fileUpload()">上传</button></div>' +
                    '</div>' +
                    ' <div class="form-group">' +


                    '<div class="col-sm-6 col-sm-offset-3">' +

                    '<a href="{{asset('tpl/optimize_page.xlsx')}}">请下载导入模板</a>' +
                    '</div>' +
                    '</div>' +

                    '</form>' +
                    '</div>';

                openIndex = layer.open({
                    type: 1,
                    content: str,
                    area: ['60%', '30%'],
                    title: '导入关键词',
                });
            },
            export: function () {
                window.open('/admin/sites/optimize-page/export?siteId={{$siteId}}');
            },

            clearOptimize: function () {
                layer.confirm('您确定要删除吗?', {icon: 3, title: '删除信息'}, function (index, layero) {
                    layer.close(index);
                    $("#optimize_page").find(".form-group").each(function (inx) {

                        if (inx != 0) {
                            $(this).remove()
                        }
                    })

                });
            },

            fileUpload: function () {
                var config = {
                    url: '/admin/tool/excel-upload'
                };
                config.success = function (result) {
                    var data = {excel_path: result.data.file_url, siteId: "{{$siteId}}"};
                    var config = {
                        url: '/admin/sites/optimize-page/import',
                        type: 'post',
                        data: data,
                        success: function (result) {
                            layer.msg(result.message, {icon: 6, time: 1500}, function () {
                                layer.close(openIndex);
                                window.location.reload();
                            });
                        }
                    };
                    tips.ajax(config);
                };
                tips.fileUpload($("#excel_file"), config);
            },

            addOptimizePage: function () {
                if ($("#optimize_page").find(":checkbox").length >= 20) {
                    layer.alert("最多只能添加20个", {icon: 5});
                    return;
                }

                $("#optimize_page").append($("#optimize_page_str").html());

            },

            removeOptimizePage: function (_this) {
                $(_this).parent().parent().remove();
            },


            optimizePageSave: function () {


                var groupData = [], optimize_page_keyword, optimize_page_url;
                $("#optimize_page").find(".form-group").each(function () {
                    //console.log($(this).find("[name=optimize_page_keyword]").val());

                    optimize_page_keyword = $.trim($(this).find("[name=optimize_page_keyword]").val());
                    optimize_page_url = $.trim($(this).find("[name=optimize_page_url]").val());

                    if (optimize_page_keyword != "" || optimize_page_url != "") {
                        groupData.push({
                            keyword: optimize_page_keyword,
                            url: optimize_page_url,
                            is_optimize: $(this).find("[name=optimize_page_is_optimize]").prop("checked") ? 1 : 0,
                            id: $(this).find("[name=optimize_page_id]").val()
                        });
                    }
                });
                console.log(groupData);

                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/optimize-page',
                    type: 'put',
                    data: {groupData: groupData},
                    success: function (result) {
                        layer.msg(result.message, {icon: 6, time: 1000}, function () {
                            // tips.closeParentLayer();
                            // window.parent.tips.tableRefresh('#table');
                        });
                    }
                };
                tips.ajax(ajaxConfig);
            },

            computeGoogleBidTotalFee: function () {

                var total = 0;
                var val;
                $('[name="google_bid_fee"]').each(function (inx, item) {
                    val = parseInt($(this).val());
                    if (!isNaN(val)) {
                        total += val
                    }
                });
                var bid_give_fee = $("[name=bid_give_fee]").val();
                bid_give_fee = parseInt(bid_give_fee);
                if (!isNaN(bid_give_fee)) {
                    total += bid_give_fee
                }

                $("#googleBidFeeTotal").text(total)
            },

            addGoogleBid: function () {
                $("#google_bid_chunk").append($("#add_google_bid_str").html());
                var ele = $('[name="google_bid_time"]');

                var total = 0;
                ele.each(function () {
                    total += 1;
                });
                console.log('total=' + total);
                ele.each(function (inx, item) {
                    if ((total - 2) === (inx)) { //倒数第二个
                        console.log(total, ele.length);
                        laydate.render({
                            elem: $(this)[0],
                            type: 'datetime'
                        });

                    }
                });

            },
            removeGoogleBid: function (_this) {
                $(_this).parent().parent().remove();

                units.computeGoogleBidTotalFee()
            },
            changeBidStatus: function () {
                var isChecked = BidJsSwitch.checked ? 1 : 0;

                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/bid-status',
                    type: 'put',
                    data: {bidStatus: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },
            changeSpecArticle: function () {
                var isChecked = SpecJsSwitch.checked ? 1 : 0;
                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/spec-article',
                    type: 'put',
                    data: {spec_article: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },

            changeCDNStatus: function () {
                var isChecked = CDBJsSwitch.checked ? 1 : 0;

                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/cdn-status',
                    type: 'put',
                    data: {status: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },

            changeRefundStatus: function () {
                var isChecked = RefundJsSwitch.checked ? 1 : 0;

                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/refund-status',
                    type: 'put',
                    data: {status: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },

            changeDomainStatus: function () {
                var isChecked = DomainJsSwitch.checked ? 1 : 0;

                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/domain-status',
                    type: 'put',
                    data: {status: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },
            changeRenewStatus: function () {
                var isChecked = RenewJsSwitch.checked ? 1 : 0;

                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/renew-status',
                    type: 'put',
                    data: {status: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },
            changeCurrentMonthOnline: function () {
                var isChecked = OnlineSwitch.checked ? 1 : 0;

                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/online-status',
                    type: 'put',
                    data: {status: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },

            changeCertStatus: function () {
                var isChecked = CertJsSwitch.checked ? 1 : 0;

                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/cert-status',
                    type: 'put',
                    data: {status: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },
            changeCaseStatus: function () {
                var isChecked = CaseJsSwitch.checked ? 1 : 0;
                if (isChecked === 0) {
                    $('.example').hide();
                    $('.case').hide();
                } else {
                    $('.example').show();
                    $('.case').show();
                }
                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/case-status',
                    type: 'put',
                    data: {status: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },
            changeIsBq: function () {
                var isChecked = BqJsSwitch.checked ? 1 : 0;

                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/bq-status',
                    type: 'put',
                    data: {status: isChecked},
                    success: function () {
                    }
                };
                tips.ajax(ajaxConfig);
            },
            socialSave: function (type) {

                var formValues = tips.getFormValues('#' + type);
                var data = {};
                data[type] = formValues;
                data.type = type;
                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/social',
                    type: 'post',
                    data: data,
                    success: function (result) {
                        layer.msg(result.message, {icon: 6, time: 1000}, function () {
                            // tips.closeParentLayer();
                            // window.parent.tips.tableRefresh('#table');
                        });
                    }
                };
                tips.ajax(ajaxConfig);
            },

            accountSave: function (type) {

                var formValues = tips.getFormValues('#account');
                var ajaxConfig = {
                    url: '/admin/sites/' + "{{$siteId}}" + '/account',
                    type: 'post',
                    data: formValues,
                    success: function (result) {
                        layer.msg(result.message, {icon: 6, time: 1000}, function () {
                            // tips.closeParentLayer();
                            // window.parent.tips.tableRefresh('#table');
                        });
                    }
                };
                tips.ajax(ajaxConfig);
            },
            save: function (type) {
                var data, url = '/admin/sites/' + "{{$siteId}}" + '/overview';
                if (type === 1) {
                    data = units.basic(type);
                } else if (type === 2) {
                    data = units.detail(type);
                } else if (type === 3) {
                    data = units.people(type);
                } else if (type === 4) {
                    data = units.timeFrame(type);
                } else if (type === 5) {
                    data = units.server(type);
                }

                var ajaxConfig = {
                    url: url,
                    type: 'put',
                    data: data,
                    success: function (result) {
                        layer.msg(result.message, {icon: 6, time: 1000}, function () {
                            // tips.closeParentLayer();
                            // window.parent.tips.tableRefresh('#table');
                        });
                    }
                };
                tips.ajax(ajaxConfig);
            },

            basic: function (type) {

                var contacts = [];
                $(".contacts").each(function () { //客户联系人
                    contacts.push({
                        name: $(this).find("[name=contact_name]").val(),
                        email: $(this).find("[name=contact_email]").val(),
                        mobile: $(this).find("[name=contact_mobile]").val(),
                        position: $(this).find("[name=contact_position]").val()
                    });
                });


                var areaText = [];

                $("[name=area_text]").each(function () { //地区

                    if ($(this).val().length !== 0) {
                        areaText.push($(this).val());
                    }

                });
                var site = tips.getFormValues('#basic');
                if (site.report_day) {
                    site.report_day = parseInt(site.report_day);
                }

                site.contacts = contacts;
                site.area_text = areaText;
                site.contract_ids = $("#contract_ids").val();

                var infoList = [];
                $('input[name="enterprise_nature"]:checked').each(function () {
                    infoList.push($(this).val());
                });
                site.enterprise_nature = infoList.toString();

                var caseList = [];
                $('input[name="case_ids"]:checked').each(function () {
                    caseList.push($(this).val());
                });
                site.case_ids = caseList.toString();

                return {type: type, site: site};
            },
            detail: function (type) {

                var googleBid = [];
                $("[name=google_bid_fee]").each(function () {
                    googleBid.push({
                        google_bid_fee: $(this).val(),
                        google_bid_time: $(this).siblings("input").val()
                    });
                });
                googleBid.pop();

                var payment = {
                    head: $("#head").val(),
                    head_type: $("#head_type").val(),
                    head_invoicing_type: $("#head_invoicing_type").val(),

                    done: $("#done").val(),
                    done_type: $("#done_type").val(),
                    done_invoicing_type: $("#done_invoicing_type").val(),

                    reach: $("#reach").val(),
                    reach_type: $("#reach_type").val(),
                    reach_invoicing_type: $("#reach_invoicing_type").val(),

                    service_final_payment: $("#service_final_payment").val(),
                    service_final_payment_type: $("#service_final_payment_type").val(),
                    service_final_payment_invoicing_type: $("#service_final_payment_invoicing_type").val(),

                    renewal: $("#renewal").val(),
                    renewal_type: $("#renewal_type").val(),
                    renewal_invoicing_type: $("#renewal_invoicing_type").val(),

                    contract_total_fee: $("#contract_total_fee").val(),
                    google_optimize_fee: $("#google_optimize_fee").val(),
                    refund: $("#refund").val(),
                    refund_reason: $("#refund_reason").val(),
                    refund_reason_analyze: $("#refund_reason_analyze").val(),
                    not_renewed_reason: $("#not_renewed_reason").val(),
                    not_renewed_reason_analyze: $("#not_renewed_reason_analyze").val(),

                    remarks: $("#remarks").val(),
                    bid_give_fee: $("#bid_give_fee").val(),
                    google_bid: googleBid,
                    bid_score: $("#bid_score").val(),
                    bid_score_time: $("#bid_score_time").val(),
                    bid_login_account: $("#bid_login_account").val(),
                    bid_account_online_time: $("#bid_account_online_time").val(),
                    bid_account_pause_time: $("#bid_account_pause_time").val(),
                    wiki_fee: $("#wiki_fee").val(),
                    other_fee: $("#other_fee").val()

                };

                return {type: type, payment: payment};
            },
            people: function (type) {
                var allot = {
                    manager_ids: $("#manager_ids").val(),
                    manage_helper_ids: $("#manage_helper_ids").val(),
                    designer_ids: $("#designer_ids").val(),
                    web_ids: $("#web_ids").val(),
                    optimizer_ids: $("#optimizer_ids").val(),
                    editor_ids: $("#editor_ids").val(),
                    server_ids: $("#server_ids").val(),
                    article_ids: $("#article_ids").val(),
                    bid_user_ids: $("#bid_user_ids").val(),
                    seller_ids: $("#seller_ids").val(),
                    article_edit_ids: $("#article_edit_ids").val(),
                    external_link_ids: $("#external_link_ids").val(),
                    chongqing_link_ids: $("#chongqing_link_ids").val(),
                    optimization_editing_ids: $("#optimization_editing_ids").val()
                };
                return {type: type, allot: allot};
            },
            timeFrame: function (type) {

                var site = tips.getFormValues('#time');
                if (site.report_day) {
                    site.report_day = parseInt(site.report_day);
                }
                return {type: type, site: site};
            },
            server: function (type) {

                var site = tips.getFormValues('#server');
                if (site.report_day) {
                    site.report_day = parseInt(site.report_day);
                }
                return {type: type, site: site};
            },
            delSitesTaskFlow: function () {

                layer.confirm('您确定要清空建站流程吗?', {icon: 3, title: '清空建站流程'}, function (index, layero) {
                    layer.close(index);
                    var url = '/admin/flow/delSitesTaskFlow/{{$siteId}}';
                    var ajaxConfig = {
                        url: url,
                        type: 'put',
                        data: {},
                        success: function (result) {
                            layer.msg(result.message, {icon: 6, time: 1000}, function () {
                            });
                        }
                    };
                    tips.ajax(ajaxConfig);

                });
            }
        };


        $(document).on('click', '[name=file_upload]', function () {
            $(this).next().trigger('click');
        });

        $(document).on('change', '[name=uploadFile]', function () {
            var _this = this;
            if (!$(this)[0].files[0]) {
                return;
            }

            var formData = new FormData();
            formData.append('files[]', $(this)[0].files[0]);
            formData.append('siteId', "{{$siteId}}");

            var maxSize = 4096;//文件上传大小限制
            var size = $(this)[0].files[0].size;
            var fileSize = (size / 1024).toFixed(2);

            if (fileSize > maxSize) {
                layer.alert("上传文件不许超过4MB", {icon: 5});
                return;
            }

            var ln;
            $.ajax({
                url: '/admin/stencil/bulkUpload',
                type: 'POST',
                cache: false,
                data: formData,
                processData: false,
                contentType: false,
                beforeSend: function () {
                    ln = layer.load();
                },
                complete: function () {
                    layer.close(ln);
                },
                success: function (result) {
                    var data = result.data[0];
                    $('#' + $(_this).data('for')).attr('src', data.file_url);
                    $(_this).next().val(data.file_url);
                },
                error: function (XMLHttpRequest) {
                    if (XMLHttpRequest.status === 500) {
                        layer.alert("异步请求失败", {icon: 5});
                        return;
                    }
                    layer.alert(JSON.parse(XMLHttpRequest.responseText).message, {icon: 0});
                }
            });
        });
    </script>
@endsection