<div class="cldform clearfix">


    <div class="cldform-line"></div>
    <div class="cldform-item">
        <div class="cldform-label">姓名</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>张三</span></div>
        </div>
    </div>




    <div class="cldform-line"></div>
    <div class="cldform-item cldform-item-wauto">
        <div class="cldform-label">客户地区</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox" data-toggle="dropdown"><span class="cldform-contarl-dropdown">广东省 / 珠海市 / 香洲区<i class="far fa-map-marker-alt mt-1"></i></span></div>
            <div class="dropdown-menu" style="width:300px">
                <ul class="nav nav-tabs nav-tabs-clean justify-content-center" role="tablist">
                    <li class="nav-item"><a class="nav-link text-center active" data-toggle="tab" href="#tab-province" role="tab" aria-selected="true">省份</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-city" role="tab" aria-selected="false">市区</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-area" role="tab" aria-selected="false">县区</a></li>
                </ul>
                <div class="tab-content p-3">
                    <div class="tab-pane city-item fade active show" id="tab-province" role="tabpanel" aria-labelledby="tab-province">
                        <!--东北地区-->
                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">黑龙江省</button><button type="button" class="btn btn-xs btn-outline-default">吉林省</button><button type="button" class="btn btn-xs btn-outline-default">辽宁省</button></p>
                        <!--华北地区-->
                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">北京市</button><button type="button" class="btn btn-xs btn-outline-default">天津市</button><button type="button" class="btn btn-xs btn-outline-default">河北省</button><button type="button" class="btn btn-xs btn-outline-default">山西省</button><button type="button" class="btn btn-xs btn-outline-default">内蒙古自治区</button></p>
                        <!--华中地区-->
                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">河南省</button><button type="button" class="btn btn-xs btn-outline-default">湖北省</button><button type="button" class="btn btn-xs btn-outline-default">湖南省</button></p>
                        <!--华东地区-->
                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">山东省</button><button type="button" class="btn btn-xs btn-outline-default">江苏省</button><button type="button" class="btn btn-xs btn-outline-default">安徽省</button><button type="button" class="btn btn-xs btn-outline-default">上海市</button><button type="button" class="btn btn-xs btn-outline-default">浙江省</button><button type="button" class="btn btn-xs btn-outline-default">江西省</button><button type="button" class="btn btn-xs btn-outline-default">福建省</button><button type="button" class="btn btn-xs btn-outline-default">台湾省</button></p>
                        <!--华南地区-->
                        <p class="mb-1"><button type="button" class="btn btn-xs btn-primary">广东省</button><button type="button" class="btn btn-xs btn-outline-default">广西壮族自治区</button><button type="button" class="btn btn-xs btn-outline-default">海南省</button><button type="button" class="btn btn-xs btn-outline-default">香港特别行政区</button><button type="button" class="btn btn-xs btn-outline-default">澳门特别行政区</button></p>
                        <!--西北地区-->
                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">陕西省</button><button type="button" class="btn btn-xs btn-outline-default">甘肃省</button><button type="button" class="btn btn-xs btn-outline-default">宁夏回族自治区</button><button type="button" class="btn btn-xs btn-outline-default">青海省</button><button type="button" class="btn btn-xs btn-outline-default">新疆维吾尔自治区</button></p>
                        <!--西南地区-->
                        <p class="mb-1"><button type="button" class="btn btn-xs btn-outline-default">四川省</button><button type="button" class="btn btn-xs btn-outline-default">贵州省</button><button type="button" class="btn btn-xs btn-outline-default">云南省</button><button type="button" class="btn btn-xs btn-outline-default">重庆市</button><button type="button" class="btn btn-xs btn-outline-default">西藏自治区</button></p>
                    </div>
                    <div class="tab-pane city-item fade" id="tab-city" role="tabpanel" aria-labelledby="tab-city"><button type="button" class="btn btn-xs btn-outline-default">广州市</button><button type="button" class="btn btn-xs btn-outline-default">深圳市</button><button type="button" class="btn btn-xs btn-primary">珠海市</button><button type="button" class="btn btn-xs btn-outline-default">汕头市</button><button type="button" class="btn btn-xs btn-outline-default">佛山市</button><button type="button" class="btn btn-xs btn-outline-default">韶关市</button><button type="button" class="btn btn-xs btn-outline-default">湛江市</button><button type="button" class="btn btn-xs btn-outline-default">肇庆市</button><button type="button" class="btn btn-xs btn-outline-default">江门市</button><button type="button" class="btn btn-xs btn-outline-default">茂名市</button><button type="button" class="btn btn-xs btn-outline-default">惠州市</button><button type="button" class="btn btn-xs btn-outline-default">梅州市</button><button type="button" class="btn btn-xs btn-outline-default">汕尾市</button><button type="button" class="btn btn-xs btn-outline-default">河源市</button><button type="button" class="btn btn-xs btn-outline-default">阳江市</button><button type="button" class="btn btn-xs btn-outline-default">清远市</button><button type="button" class="btn btn-xs btn-outline-default">东莞市</button><button type="button" class="btn btn-xs btn-outline-default">中山市</button><button type="button" class="btn btn-xs btn-outline-default">潮州市</button><button type="button" class="btn btn-xs btn-outline-default">揭阳市</button><button type="button" class="btn btn-xs btn-outline-default">云浮市</button></div>
                    <div class="tab-pane city-item fade" id="tab-area" role="tabpanel" aria-labelledby="tab-area"><button type="button" class="btn btn-xs btn-primary">香洲区</button><button type="button" class="btn btn-xs btn-outline-default">金湾区</button><button type="button" class="btn btn-xs btn-outline-default">斗门区</button></div>
                </div>
            </div>
        </div>
    </div>



    <div class="cldform-line"></div>
    <div class="cldform-item">
        <div class="cldform-label">单位名称</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><div class="card p-2 text-primary" href="#"><div class="d-flex justify-content-between"><span>珠海纵横创新软件有限公司</span><span><a href="javascript:void(0);" class="btn btn-outline-danger btn-xs btn-icon mr-1" data-toggle="modal" data-target="#remover-com"><i class="far fa-unlink" data-toggle="tooltip" data-placement="left" data-original-title="移除单位"></i></a><a href="javascript:void(0);" class="btn btn-outline-primary btn-xs btn-icon" data-toggle="modal" data-target="#link-com"><i class="far fa-retweet" data-toggle="tooltip" data-placement="left" data-original-title="更换单位"></i></a></span></div></div></div>
        </div>
    </div>

    <div class="cldform-line"></div>
    <div class="cldform-item">
        <div class="cldform-label">单位名称</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span><a href="#link-com" data-toggle="modal" data-target="#link-com"><i class="far fa-link"></i> 关联单位</a></span></div>
        </div>
    </div>


    <div class="cldform-line"></div>
    <div class="cldform-item cldform-item-half pr-3">
        <div class="cldform-label">性别</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox" data-toggle="dropdown"><span class="cldform-contarl-dropdown">男</span></div>
        </div>
    </div>
    <div class="cldform-item cldform-item-half pl-3">
        <div class="cldform-label">昵称</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>陈（特）工：</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item cldform-item-half pr-3">
        <div class="cldform-label">手机</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>158 0000 0001</span></div>
        </div>
    </div>
    <div class="cldform-item cldform-item-half pl-3">
        <div class="cldform-label">QQ</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>1234567</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item cldform-item-half pr-3">
        <div class="cldform-label">电话</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0756-3850891</span></div>
        </div>
    </div>
    <div class="cldform-item cldform-item-half pl-3">
        <div class="cldform-label">邮箱</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>914630468@qq.com</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item cldform-item-half pr-3">
        <div class="cldform-label">传真</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0756-3850891</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item cldform-item-half pr-3">
        <div class="cldform-label">部门/职称</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
        </div>
    </div>
    <div class="cldform-item cldform-item-half pl-3">
        <div class="cldform-label">办公室</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>2楼</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item">
        <div class="cldform-label">客户地址</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox"><span>银桦路8号深发展大厦24D</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item">
        <div class="cldform-label">客户乘车</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item">
        <div class="cldform-label">客户地标</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item">
        <div class="cldform-label">客户住宿</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item">
        <div class="cldform-label">备注</div>
        <div class="cldform-control">
            <div class="cldform-contarl-box cldform-contarl-textareabox text-muted"><span>填写文本内容</span></div>
        </div>
    </div>
    <div class="cldform-line"></div>
    <div class="cldform-item text-center"><a href="#unlinkcld" class="btn btn-sm btn-outline-danger" data-toggle="modal" data-target="#unlinkcld"><i class="far fa-unlink"></i> 移除CLD客户</a>
    </div>
</div>