@extends('layouts.father')
@section('style')
    <link href="/assets/formSelect/formSelects-v4.css" rel="stylesheet">
    <style>
        html, body {
            height: 100%;
            width: 100%;
        }

        * {
            margin: 0;
            padding: 0;
        }
        .infWrap p {
            margin-bottom: 20px
        }

        .dn{
            display: none;
        }
        .modelWrap img {
            width: 414px;
            float: left
        }

        .selectWrap a {
            width: 149px;
            display: inline-block;
            text-align: center;
            left: 0;
            color: #333;
            text-decoration: none;
            border-top: 1px solid #333;
            position: absolute;
            bottom: 0;
            height: 100px;
            line-height: 100px;
            border-radius: 0 0 0 10px
        }

        .selectWrap a:last-child {
            left: 149px;
            border-left: 1px solid #333;
            border-radius: 0 0 10px 0
        }

        .selectWrap a:hover {
            background: #ccc
        }
        .twenty{
            width: 200px;
        }

    </style>
@endsection
@section('title')
    添加客户
@endsection
@section('body')
    <div class="wrap">
        <div class="x-nav">
      <span class="layui-breadcrumb">
        <a onclick="goindex()">首页</a>
        <a href="#">客户管理</a>
        <a>
          <cite>客户详情</cite></a>
      </span>
            <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
               onclick="location.reload()" title="刷新"><i class="layui-icon" style="line-height:30px">&#xe669;</i></a>
        </div>
        <div class="x-body">
            <form class="layui-form">
                {{csrf_field()}}
                <xblock class="">
                    <span class="status" style="float: left;line-height: 40px;margin-right: 20px;margin-left: 20px;">状态:</span>
                    <div class="putIn" style="float: left;">
                        <div class="find_id">
                        </div>
                        <div id="putIn" class="inPut">
                            @if($client->status == '未审核')
                                <a onclick="do_client({{$client->id}})" href="javascript:void(0)"><div class="layui-btn " id="do_vouchClass"><i class="layui-icon">&#xe608;</i>  审核</div></a>
                                <div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe9aa;</i>  撤销</div>
                            @elseif($client->status == '已审核')
                                <div id="putIn" class="inPut">
                                    <a onclick="" href="javascript:void(0)"><div class="layui-btn layui-btn-disabled" ><i class="layui-icon">&#xe608;</i>  审核</div></a>
                                    <a onclick="back_client({{$client->id}})" href="javascript:void(0)"><div class="layui-btn" ><i class="layui-icon">&#xe9aa;</i>  撤销</div></a>
                                </div>
                            @endif
                        </div>
                    </div>
                    <div class="operation" style="float: right;margin-right: 212px">
                        <div class="layui-btn" lay-filter="addd" lay-submit="" ><i class="layui-icon">&#x1005;</i>  保存</div>
                        <div class="layui-btn" onclick="del_client({{$client->id}})"><i class="layui-icon">&#xe640;</i>  删除</div>
                    </div>
                </xblock>
                <div style="width: 100%;display: flex" class="flex_wamp">
                    <div class="info_container " style="width: 40%;">
                        <div class="layui-form-item">
                            <label class="layui-form-label">客户编号:</label>
                            <div class="layui-input-block">
                                <input type="text" name="client_id" value="{{$client->client_id}}" autocomplete="off" placeholder="" disabled="disabled" class="layui-input li_input layui-btn-disabled">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>客户名称:</label>
                            <div class="layui-input-block">
                                <input type="text" name="name" value="{{$client->name}}" lay-verify="required" autocomplete="off" placeholder="已省市姓名格式填写，如：山西晋城张三" class="layui-input li_input">
                            </div>
                        </div>
                        <input type="hidden" name="clientId" value="{{$client->id}}">

                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>地区:</label>
                            <div class="layui-input-block twenty" style="position: relative">

                                <div id="picker5" style="width: 188px;height: 36px;position: absolute"></div>
                                <input placeholder="请选择省市区" type="text" value="{{$client->province}}" id="add-city" name="province" required="" lay-verify="required"
                                       autocomplete="off" class="layui-input" disabled>

                                {{--<select name="province">
                                    <option></option>
                                    @foreach($province as $p)
                                        <option @if($p == $client->province) selected @endif>{{$p}}</option>
                                    @endforeach
                                </select>--}}
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>客户联系地址:</label>
                            <div class="layui-input-block">
                                <input type="text"  onkeydown="getAddress()" name="address" value="{{$client->address}}" lay-verify="required" autocomplete="off" placeholder="若按省市区格式填写,会自动填写地区" class="layui-input li_input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>合作模式:</label>
                            <div class="layui-input-block twenty">
                                <select name="hzms" lay-verify="required">
                                    <option></option>
                                    <option @if($client->hzms == '' || $client->hzms == '本公司加盟商') selected @endif >本公司加盟商</option>
                                    <option @if($client->hzms == '贴牌商') selected @endif>贴牌商</option>
                                    <option @if($client->hzms == '贴牌商的加盟商') selected @endif>贴牌商的加盟商</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">客户签约状态:</label>
                            <div class="layui-input-block twenty">
                                <select name="contract_status">
                                    <option></option>
                                    @foreach( $contract_status as $vo)
                                        <option @if($client->contract_status == $vo) selected @endif>{{ $vo }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">客户阶段:</label>
                            <div class="layui-input-block twenty">
                                <select name="client_stage" lay-verify="">
                                    <option></option>
                                    @foreach( $client_stage as $vo)
                                    <option @if($client->client_stage == $vo) selected @endif>{{ $vo }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">预计开店时间:</label>
                            <div class="layui-input-block twenty">
                                <input name="dateday" type="text" value="{{$client->open_time}}" placeholder="选择日期范围" class="layui-input" id="test11" placeholder="" lay-key="7" autocomplete="off">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>从业背景:</label>
                            <div class="layui-input-block twenty">
                                <select name="client_bkg" lay-verify="required">
                                    <option></option>
                                    <option @if($client->client_bkg == '老窗帘') selected @endif >老窗帘</option>
                                    <option @if($client->client_bkg == '建材跨界') selected @endif>建材跨界</option>
                                    <option @if($client->client_bkg == '无相关经验') selected @endif>无相关经验</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">从业类目:</label>
                            <div class="layui-input-block twenty input-selete">
                                <select name="client_category">
                                    <option></option>
                                    @if($client->client_category)<option selected>{{ $client->client_category }}</option>@endif
                                    <option @if($client->client_category == '卫浴') selected @endif>卫浴</option>
                                    <option @if($client->client_category == '瓷砖') selected @endif>瓷砖</option>
                                    <option @if($client->client_category == '墙纸墙布') selected @endif>墙纸墙布</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">经营实力:</label>
                            <div class="layui-input-block">
                                <input type="text" name="business_capacity" value="{{$client->business_capacity}}" lay-verify="business_capacity" autocomplete="off" placeholder="请描述客户的经营实力" class="layui-input li_input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">经营品牌:</label>
                            <div class="layui-input-block">
                                <input type="text" name="business_brand" value="{{$client->business_brand}}" lay-verify="outbusiness_brand_num" autocomplete="off" placeholder="" class="layui-input li_input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">关联客户:</label>
                            <div class="layui-input-block">
                                <input type="text" name="customer" value="{{$client->customer}}" lay-verify="customer" autocomplete="off" placeholder="" class="layui-input li_input">
                            </div>
                        </div>
                        <div class="layui-form-item" style="display:flex;">
                            <div>
                                <label class="layui-form-label">法人身份证:</label>
                                <div class="layui-input-block">
                                    <button type="button" class="layui-btn uploadOne">
                                        <i class="layui-icon">&#xe67c;</i>
                                    </button>
                                </div>
                                <input type="hidden" name="pic1" value="{{$client->id_card}}">
                                <div class="layui-upload-list @if(!$client->id_card) dn @endif">
                                    <a href="#" data-title="副图1" data-lightbox="upload-img1">
                                        <img class="layui-upload-img layui-upload-more-img upload-img1 pic1" style="height: 100px" src="{{env('OSS_HOST').$client->id_card}}">
                                    </a>
                                    <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('pic1')" >&#x1007;</i>
                                </div>
                            </div>
                            <div>
                                <label class="layui-form-label">营业执照:</label>
                                <div class="layui-input-block">
                                    <button type="button" class="layui-btn uploadTwo">
                                        <i class="layui-icon">&#xe67c;</i>
                                    </button>
                                </div>
                                <input type="hidden" name="pic2" value="{{$client->business_license}}">
                                <div class="layui-upload-list @if(!$client->business_license) dn @endif">
                                    <a href="#" data-title="副图2" data-lightbox="upload-img1">
                                        <img class="layui-upload-img layui-upload-more-img upload-img2 pic2" style="height: 100px" src="{{env('OSS_HOST').$client->business_license}}">
                                    </a>
                                    <i class="layui-icon iconfont detail-img-icon detail_i1 detail-img-icon2" onclick="removeImg('pic2')" >&#x1007;</i>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">加盟体系:</label>
                            <div class="layui-input-block">
                                @foreach($type as $t)
                                <input lay-verify="required" type="checkbox" @if(in_array($t,explode(',',$client->join_system))) checked @endif name="join_system[]" value="{{$t}}" title="{{$t}}" >
                                @endforeach
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">合伙人:</label>
                            <div class="layui-input-block">
                                <input type="radio" @if($client->associate == '仅是加盟客户') checked @endif name="associate" value="仅是加盟客户" lay-filter="experience" title="仅是加盟客户">
                                <input type="radio" @if($client->associate == '成为合伙人并隶属于自身') checked @endif name="associate" value="成为合伙人并隶属于自身" lay-filter="experience" title="成为合伙人并隶属于自身">
                            </div>
                        </div>
{{--                        @if($client->associate == '仅是加盟客户' || ($client->associate == '' && $client->associate != '成为合伙人并隶属于自身' ))--}}
                        <div class="layui-form-item partner-div" @if($client->associate == '仅是加盟客户' || ($client->associate == '' && $client->associate != '成为合伙人并隶属于自身' )) style="display: block" @else style="display: none"  @endif>
                            <label class="layui-form-label">隶属合伙人:</label>
                            <div class="layui-input-block twenty">
                                <select name="belong_business" class="layui-btn-disabled" lay-search>
                                    <option></option>
                                    @foreach($partner as $p)
                                        <option value="{{$p->id}}" @if($client->belong_business == $p->id) selected @endif>{{$p->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        {{--@endif--}}
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>签约人:</label>
                            <div class="layui-input-block twenty">
                                {{--<select name="parties" >
                                    <option></option>
                                    @foreach($admin as $a)
                                        <option value="{{$a}}" @if($client->parties == $a) selected @endif>{{$a}}</option>
                                    @endforeach
                                </select>--}}
                                <input type="text" name="parties" value="{{$client->parties}}" lay-verify="required" autocomplete="off" placeholder="" class="layui-input li_input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"><span class="x-red">*</span>客户来源:</label>
                            <div class="layui-input-block twenty">
                                <select name="customer_source" lay-verify="required">
                                    <option></option>
                                    @foreach($source as $s)
                                    <option @if($client->customer_source == $s) selected @endif>{{$s}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">信用额度:</label>
                            <div class="layui-input-block">
                                <input type="text" name="credit_limit" value="{{$client->credit_limit}}" lay-verify="credit_limit" autocomplete="off" placeholder="" class="layui-input li_input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">销量保证金抵扣比例:</label>
                            <div class="layui-input-block">
                                <input type="number" name="xbdk" value="{{$client->xbdk}}" lay-verify="" autocomplete="off" placeholder="" class="layui-input li_input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">介绍人:</label>
                            <div class="layui-input-block">
                                <input type="text" name="introducer" value="{{$client->introducer}}" lay-verify="out_num" autocomplete="off" placeholder="" class="layui-input li_input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">备注:</label>
                            <div class="layui-input-block">
                                <textarea class="layui-textarea" name="remark">{{$client->remark}}</textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label"
                                   style="width: 20%;height: 50px;background-color: #f4f4f4;color: #909399;display: flex;align-items: center"
                            >销售区域：</label>
                        </div>
                        <div class="layui-form-item" style="display: flex">
                            <div>
                                <label class="layui-form-label">创建人:</label>
                                <div class="layui-input-block twenty">
                                    <input type="text" name="creater" value="{{$client->creater}}" lay-verify="out_num" autocomplete="off" placeholder="" disabled="disabled" class="layui-input layui-btn-disabled">
                                </div>
                            </div>
                            <div>
                                <label class="layui-form-label">创建时间:</label>
                                <div class="layui-input-block twenty">
                                    <input type="text" name="created_at" value="{{$client->created_at}}" lay-verify="out_num" autocomplete="off" placeholder="" disabled="disabled" class="layui-input layui-btn-disabled">
                                </div>
                            </div>
                            <div>
                                <label class="layui-form-label">审核人:</label>
                                <div class="layui-input-block twenty">
                                    <input type="text" name="auditor" value="{{$client->auditor}}" lay-verify="out_num" autocomplete="off" placeholder="" disabled="disabled" class="layui-input layui-btn-disabled">
                                </div>
                            </div>
                            <div>
                                <label class="layui-form-label">审核时间:</label>
                                <div class="layui-input-block twenty">
                                    <input type="text" name="auditor_time" value="{{$client->affirm_time}}" lay-verify="out_num" autocomplete="off" placeholder="" disabled="disabled" class="layui-input layui-btn-disabled">
                                </div>
                            </div>
                        </div>
                    </div>
                @if($client->id)
                            <div style="width: 40%">

                            <div>
                                <a onclick="x_admin_show('添加联系人','/admin/clientAddTableUpdate?cid={{$client->id}}',700,710)">联系人<i class="layui-icon">&#xe654;</i></a>
                                <table class="layui-table">
                                    <thead>
                                    <tr class="tr_head">
                                        <th>姓名</th>
                                        <th>手机号码</th>
                                        <th>职务</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="x-img">
                                    @foreach($client_detail as $c)
                                        <tr class="info_tr">
                                            <td class="name">{{$c->name}}</td>
                                            <td class="ipone">{{$c->phone}}</td>
                                            <td class="job">{{$c->duty}}</td>
                                            <td>
                                                {{--<a title="编辑"  onclick="gocatu(this.parentNode.parentNode)" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">--}}
                                                <a title="编辑"  onclick="x_admin_show('编辑','/admin/clientAddTableUpdate?id={{$c->id}}',700,710)" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">
                                                    编辑
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div>
                                <a onclick="x_admin_show('添加合同','/admin/contractAdd?belong_client={{$client->name}}')">添加合同<i class="layui-icon">&#xe654;</i></a>
                                <table class="layui-table">
                                    <thead>
                                    <tr class="tr_head">
                                        <th>合同编号</th>
                                        <th>签署人</th>
                                        <th>审核状态</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="x-img">
                                    @foreach($contract as $c)
                                        <tr class="info_tr">
                                            <td class="name">{{$c['contract_num']}}</td>
                                            <td class="ipone">{{$c['signtory']}}</td>
                                            <td class="job">{{$c['status']}}</td>
                                            <td>
                                                {{--<a title="编辑"  onclick="gocatu(this.parentNode.parentNode)" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">--}}
                                                <a title="编辑"  onclick="x_admin_show('编辑','/admin/contractAdd?id={{$c['id']}}')" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">
                                                    编辑
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                            <div>
                                <a>余额</a>
                                <table class="layui-table">
                                    <thead>
                                    <tr class="tr_head">
                                        <th>预存款</th>
                                        <th>加盟费</th>
                                        <th>保证金</th>
                                        <th>昨日应收合计</th>
                                        <th>实时应收合计</th>
                                    </tr>
                                    </thead>
                                    <tbody id="x-img">
                                    <tr class="info_tr">
                                        <td>{{$client->yck}}</td>
                                        <td>{{$client->jmf}}</td>
                                        <td>{{$client->bzj}}</td>
                                        <td>{{$client->yshj}}</td>
                                        <td>{{$client->ssys}}</td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div>
                                {{--<a onclick="x_admin_show('添加收款单','/admin/gatheringAdd?client_name={{$client->name}}')">添加收款单<i class="layui-icon">&#xe654;</i></a>--}}
                                <a>收款单</a>
                                <table class="layui-table">
                                    <thead>
                                    <tr class="tr_head">
                                        <th>收款类型</th>
                                        <th>收款金额</th>
                                        <th>抵扣金额</th>
                                        <th>审核状态</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="x-img">
                                    @foreach($gathering as $c)
                                        <tr class="info_tr">
                                            <td class="name">{{$busCatetype[$c['type']]['name'] or ''}}</td>
                                            <td class="ipone">{{$c['money']}}</td>
                                            <td class="ipone">{{$c['dk_money']}}</td>
                                            <td class="job">{{$c['status']}}</td>
                                            <td>
                                                {{--<a title="编辑"  onclick="gocatu(this.parentNode.parentNode)" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">--}}
                                                <a title="编辑"  onclick="x_admin_show('编辑','/admin/gatheringAdd?id={{$c['id']}}')" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">
                                                    编辑
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="/js/picker/city.js"></script>
    <script type="text/javascript" src="/js/picker/picker.min.js"></script>
    <script type="text/javascript" src="/js/picker/index.js"></script>
    <script src="/assets/formSelect/formSelects-v4.js"></script>
    <script>

        if(document.body.offsetWidth < 500) {
          $('.flex_wamp').css({display:""})
        }

        function getAddress(event) { //获取地址
            event = event || window.event //兼容
            var code = event.keyCode || event.which || event.charCode;
            if (code === 13) {
                // $("#demo1").val("");
                $("#add-city").val("");
                let value = event.target.value.replace(/\s+/g,"")
                let cityS = null
                let citys = null
                let cityq = null
                let hasS = true
                let reg = new RegExp("[北京台湾重庆上海天津]")
                let reg2 = new RegExp("[自治区特别行政区]")
                if (value.indexOf("市") === -1) {
                    layer.msg('请输入完整的地址')
                    return
                }
                if (value.indexOf('省') != -1) {
                    cityS = value.split('省')
                    citys = cityS[1].split('市')
                    cityq = citys[1].split('区')
                } else if (reg.test(value)) { //匹配不带省和自治区的省份
                    cityS = value.substring(0, 2)
                    citys = value.split('市')[0].substring(2)
                    cityq = value.split('市')[1].substring(0)
                } else if (reg2.test(value)) {
                    if (value.indexOf('自治区') != -1) {
                        cityS = value.substring(0, value.indexOf('自治区') + 3)
                    } else if (value.indexOf("特别行政区")) {
                        layer.msg('不支持')
                    }
                    citys = value.split('市')[0].substring(cityS.length)
                    cityq = value.split('市')[1].substring(0)
                }
                //获取省市区的字符串的数组
                let arr = []
                let result = null
                if (typeof cityS === 'string') {
                    result = []
                    result.push(cityS)
                    result.push(citys)
                    result.push(cityq)
                } else if (cityS instanceof Array) {
                    result = arr.concat(cityS[0], citys[0], cityq[0]) //将省市区全部压进一个数组中
                }
                if (result[2] === '') {
                    layer.msg('请输入完整的地址')
                    return
                }
                let cityValue = ''
                let flag = false //默认匹配不成功
                let flag2 = false
                let flag3 = false
                city.forEach(item => { //根据城市去匹配
                    if (item.name.includes(result[0])) { //进入这个判断说明匹配成功
                        cityValue += item.name + ","
                        flag = true
                        item.sub.forEach(item => {
                            if (item.name.includes(result[1])) {
                                flag2 = true
                                cityValue += item.name + ","
                                item.sub.forEach(item => { //区
                                    if (item.name.includes(result[2])) {
                                        flag3 = true
                                        cityValue += item.name
                                        // $("#demo1").val(cityValue);
                                        $("#add-city").val(cityValue);
                                    }
                                })
                            }
                        })
                    }
                })
                if (flag && flag2 && flag3) {
                    layer.msg('匹配成功')
                } else {
                    layer.msg('匹配失败')
                }
            }
        }
        $('.confirm').click(() => {
            add_city()
        })
        function add_city() {
            $('#add-city').val($('#picker5')[0].innerText.replace(/ /g,","))
            $('#picker5')[0].innerText = ''
        }
        function freight(address) {
            return
        }
        var tr_data
        function gocatu(tr){
            tr_data = tr
            let pasrm = {}
            $(tr).find('td').each(function(){
                if($(this).prop("className") !== ''){
                    pasrm[$(this).prop("className")] = $(this).text().replace(/\s+/g, "")
                }
            })
            x_admin_show('编辑',`/admin/clientAddTableUpdate?pasrm=${pasrm}`,500,710)
        }
       /* if($client->client_id){
            $('.partner-div').hide()
        }*/
        function getdatabills(data){
            let html = ''
            if(data['updata'] === '0'){
                html += '<tr>'
                html += `<td class="name">${data.name}</td>`
                html += `<td class="ipone">${data.ipone}</td>`
                html += `<td class="job">${data.job}</td>`
                html += `<td class="mantype">${data.mantype}</td>`
                html += `<td class="some">${data.some}</td>`
                html += `<td class="IM">${data.IM}</td>`
                html += `<td class="remark">${data.remark}</td>`
                html += '<td>\n' +
                    '<a title="编辑"  onclick="gocatu(this.parentNode.parentNode)" href="javascript:;" class="layui-btn layui-btn-normal layui-btn-xs">\n' +
                    '编辑\n' +
                    '</a>\n' +
                    '</td>'
                html += '</tr>'
                $('#x-img').before(html)
            }else {
                $(tr_data).find(name).innerText = data.name
                $(tr_data).find(ipone).innerText = data.ipone
                $(tr_data).find(job).innerText = data.job
            }
            layer.closeAll();
        }
        layui.use(['form','layer','laydate', 'upload'], function(){
            $ = layui.jquery;
            upload = layui.upload;
            var form = layui.form
                ,layer = layui.layer;
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test11'
            });
            //自定义验证规则

            form.render();

            form.verify({
                pass: [/(.+){6,16}$/, '密码必须6到16位']
            });

            uploadImage('.uploadOne', '.upload-img1', "input[name=pic1]");
            uploadImage('.uploadTwo', '.upload-img2', "input[name=pic2]");

            function uploadImage(classname, classimg, classhidden) {


                var loadIndex = ''; //打开加载loading
                var uploadInst = upload.render({
                    elem: classname //绑定元素
                    , url: '/admin/upload' //上传接口
                    ,size: 2048
                    , data: {
                        '_token': $("input[name=_token]").val(),
                        'type': '',                              // 上传文件夹 默认上传地址enterprise
                        'icon': $(classhidden).val(),            // 上传的图片路径（重新上传时删除原图）
                        'thumb': 0                           // 1 ，开启缩略图，0, 不开启
                    }
                    , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                        loadIndex = layer.load(); //上传loading
                        obj.preview(function (index, file, result) {
                            $(classimg).attr('src', result); //图片链接（base64）
                            $(classimg).show();
                        });
                    }
                    , done: function (res, index, upload) {
                        //上传完毕回调
                        $(classhidden).parent().find('.layui-upload-list').addClass('dn');//删除按钮出现
                        layer.close(loadIndex); //关闭加载loading
                        if (res.status == 1) {
                            $(classhidden).parent().find('.layui-upload-list').removeClass('dn');
                            $(classimg).parent().attr("href","/"+res.data.filename); //lightbox
                            layer.msg(res.msg, {icon: 6, time: 1000});
                            $(classhidden).val(res.data.filename);
                            $(classname).addClass("x-disable");
                        }
                    }
                    , error: function (error, upload) {
                        //请求异常回调
                        console.log(error);
                        layer.close(loadIndex); //关闭加载loading
                    }
                });
                return uploadInst;
            }

            form.on('radio(experience)', function(data){
                if(data.value === '仅是加盟客户'){
                    $('.partner-div').slideDown("slow")
                }else {
                    $('.partner-div').slideUp("slow")
                }
            });
            //监听提交
            form.on('submit(addd)', function(data){
                var loadIndex = layer.load(); //打开加载loading
                //发异步，把数据提交给php
                var id = $("input[name=clientId]").val()
                if(id == ''){
                    url = "/admin/clientAdd";
                }else{
                    url = "/admin/clientdoUpdate";
                }
                $.post(url, data.field, function (res) {
                    layer.close(loadIndex); //关闭加载loading
                    if(res.status == 1) {
                        layer.alert(res.msg, {icon: 6},function (index) {
                            layer.close(index);
                            if(id == ''){
                                location.href = '/admin/clientAddTableUpdate?cid='+res.data.id;
                            }else{
                                location.href = '/admin/clientAdd?id='+res.data.id;
                            }
                        });
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                }, "json");
                return false;
            });
        });
        function removeImg(className) {
            var url = "/admin/picDelete?path="+$('input[name='+className+']').val();

            layer.confirm('确认要删除吗？',function(index){ //删除服务器上的图片
                $.get(url, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        $('input[name='+className+']').val(""); // 删除input 图片路径

                        // 恢复选择图片按钮 可点击
                        var btn = $('input[name='+className+']').parent().find("div button");
                        btn.removeClass("x-disable");

                        //视图移除图片
                        var pic =$('input[name='+className+']').parent().find('.layui-upload-list');
                        pic.addClass('dn');
                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000});

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        //审核
        function do_client(id){
            layer.confirm('确认要审核吗？',function(index){
                $.get("/admin/doClient/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/clientAdd?id='+res.data.id;
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
        //撤销审核
        function back_client(id){
            layer.confirm('确认要撤销吗？',function(index){
                $.get("/admin/backClient/"+id, function (res) {
                    // 发异步，把数据提交给php
                    if (res.status == 1) {

                        //发异步把用户状态进行更改
                        layer.msg(res.msg,{icon: 6,time:1000},function () {
                            location.href = '/admin/clientAdd?id='+res.data.id;
                        });

                    } else {

                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }

        //删除
        function del_client(id){

            layer.confirm('确认要删除吗？',function(index){
                if(id == undefined){
                    layer.msg('未生成客户',{icon: 6,time:1000});
                }else {
                    $.get("/admin/delClient/" + id, function (res) {
                        // 发异步，把数据提交给php
                        if (res.status == 1) {

                            //发异步把用户状态进行更改
                            layer.msg(res.msg, {icon: 6, time: 1000}, function () {
                                parent.location.reload();
                                parent.layer.close(index);
                            });

                        } else {

                            layer.alert(res.msg, {icon: 5});
                        }
                    });
                }
            });
        }
    </script>
    <style>
        .layui-form-label{
            text-align: left;
        }
    </style>
@endsection