import React, { PureComponent } from 'react';
// import { connect } from 'react-redux';
// import { BrowserRouter, Route,Link } from 'react-router-dom';

// import { actionCreators } from './store';

class clientPopups extends PureComponent {


  render() {
    return (

      <div class="modal fade" id="detail" tabIndex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-xl">
          <div class="modal-content">
            <div class="dialog-sheet">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true"><i class="fal fa-times"></i></span>
              </button>
              <div class="sheet-box row m-0">
                <div class="sheet-left-panel">

                  <div class="sheet-panel-header d-flex justify-content-between mx-4">
                    <div>
                      <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="上一条记录" class="mr-2 disabled"><i class="far fa-chevron-up"></i></a>
                      <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="下一条记录" class="mr-2"><i class="far fa-chevron-down"></i></a>
                      <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="新页面打开"><i class="fal fa-external-link"></i></a>
                    </div>
                    <div>
                    </div>
                  </div>



                  <div class="sheet-panel-content">
                    <div class="sheet-panel-form slimScroll1 mx-4">
                      <div class="form-header mt-3">
                        <div class="d-flex justify-content-between"><span class="text-muted">联系人</span><span class="text-muted">陈特 创建于 2019年5月6日 14:55</span></div>
                        <legend>张三</legend>
                      </div>
                      <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">
                          <div class="cldform-label">姓名</div>
                          <div class="cldform-control">
                           
                          </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:320px">
                              <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-province2" role="tab" aria-selected="true">省份</a></li>
                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-city2" role="tab" aria-selected="false">市区</a></li>
                                <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-area2" 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-province2" role="tabpanel" aria-labelledby="tab-province">

                                  <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>

                                  <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>
                                </div>
                                <div class="tab-pane city-item fade" id="tab-city2" 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-area2" 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"><div class="d-flex justify-content-between"><a href="#com-detail" data-toggle="modal" data-target="#com-detail">珠海纵横创新软件有限公司1</a><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">男<i class="far fa-angle-down mt-1"></i></span></div>
                            <div class="dropdown-menu" style="width:220px">
                              <button class="dropdown-item">男</button>
                              <button class="dropdown-item">女</button>
                            </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">
                            <textarea class="cldform-contarl-textarea " data-toggle="dropdown" style="height:36px;width:100%" placeholder="输入新部门"></textarea>
                            <div class="dropdown-menu" style="width:320px">
                              <div class="row m-3">
                                <div class="custom-control custom-radio custom-control-inline col-4 mr-0 mb-1">
                                  <input type="radio" class="custom-control-input" id="department1" name="departmentradio" />
                                  <label class="custom-control-label" >部门1</label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline col-4 mr-0 mb-1">
                                  <input type="radio" class="custom-control-input" id="department2" name="departmentradio" />
                                  <label class="custom-control-label" >部门2</label>
                                </div>
                                <div class="custom-control custom-radio custom-control-inline col-4 mr-0 mb-1">
                                  <input type="radio" class="custom-control-input" id="department3" name="departmentradio" />
                                  <label class="custom-control-label" >部门3</label>
                                </div>
                              </div>
                            </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">
                          <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">
                          <div class="cldform-label">个人标签</div>
                          <div class="cldform-control">
                            <div class="cldform-contarl-box cldform-contarl-textareabox cldform-contarl-blank"><span class="badge tagcol-01">标签</span><span class="badge tagcol-02">特别关注</span><a title="添加标签" class="badge badge-secondary tagcol-08" href="" data-toggle="dropdown"><i class="far fa-plus"></i></a>
                              <div class="dropdown-menu">
                                <ul class="list-unstyled px-3 pt-2 mb-0">
                                  <li class="mb-1">
                                    <div class="input-group bg-white shadow-inset-2">
                                      <span class="form-control text-truncate text-truncate-lg"><i class="fas fa-circle tagcol-01-s mr-2"></i>这是一条标签名字很长很长的标签</span>
                                      <div class="input-group-append">
                                        <div class="input-group-text  border-left-0 bg-transparent">
                                          <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="tabcheck1" />
                                            <label class="custom-control-label" ></label>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </li>
                                  <li class="mb-1">
                                    <div class="input-group bg-white shadow-inset-2">
                                      <span class="form-control text-truncate text-truncate-lg"><i class="fas fa-circle tagcol-02-s mr-2"></i>标签2</span>
                                      <div class="input-group-append">
                                        <div class="input-group-text  border-left-0 bg-transparent">
                                          <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="tabcheck2" />
                                            <label class="custom-control-label" ></label>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </li>
                                  <li class="mb-1">
                                    <div class="input-group bg-white shadow-inset-2">
                                      <span class="form-control text-truncate text-truncate-lg"><i class="fas fa-circle tagcol-03-s mr-2"></i>标签3</span>
                                      <div class="input-group-append">
                                        <div class="input-group-text  border-left-0 bg-transparent">
                                          <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="tabcheck3" />
                                            <label class="custom-control-label" ></label>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </li>
                                  <li class="mb-1">
                                    <div class="input-group bg-white shadow-inset-2">
                                      <span class="form-control text-truncate text-truncate-lg"><i class="fas fa-circle tagcol-04-s mr-2"></i>标签4</span>
                                      <div class="input-group-append">
                                        <div class="input-group-text  border-left-0 bg-transparent">
                                          <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="tabcheck4" />
                                            <label class="custom-control-label" ></label>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </li>
                                  <li class="mb-1">
                                    <div class="input-group bg-white shadow-inset-2">
                                      <span class="form-control text-truncate text-truncate-lg"><i class="fas fa-circle tagcol-05-s mr-2"></i>标签5</span>
                                      <div class="input-group-append">
                                        <div class="input-group-text  border-left-0 bg-transparent">
                                          <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="tabcheck5" />
                                            <label class="custom-control-label" ></label>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </li>
                                  <li class="mb-1">
                                    <div class="input-group bg-white shadow-inset-2">
                                      <span class="form-control text-truncate text-truncate-lg"><i class="fas fa-circle tagcol-06-s mr-2"></i>标签6</span>
                                      <div class="input-group-append">
                                        <div class="input-group-text  border-left-0 bg-transparent">
                                          <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="tabcheck6" />
                                            <label class="custom-control-label" ></label>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </li>
                                  <li class="mb-1">
                                    <div class="input-group bg-white shadow-inset-2">
                                      <span class="form-control text-truncate text-truncate-lg"><i class="fas fa-circle tagcol-07-s mr-2"></i>标签7</span>
                                      <div class="input-group-append">
                                        <div class="input-group-text  border-left-0 bg-transparent">
                                          <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="tabcheck7" />
                                            <label class="custom-control-label" ></label>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </li>
                                  <li class="mb-1">
                                    <a href="#">编辑标签</a>
                                  </li>
                                </ul>
                              </div>
                            </div>
                          </div>
                        </div> */}
                      </div>
                    </div>
                  </div>
                </div>



                <div class="sheet-right-panel col p-0">
                  <div class="sheet-panel-tabs mx-4 mt-4">
                    <ul class="nav nav-tabs sheet-nav-tabs" role="tablist">
                      <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab-yun" role="tab" aria-selected="true">养护云造价</a></li>
                      <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-yun2" role="tab" aria-selected="true">大司空云计价</a></li>
                      <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-lock" role="tab" aria-selected="false">软件锁</a></li>
                      <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-sso" role="tab" aria-selected="false">通行账号</a></li>
                      <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-server" role="tab" aria-selected="false">服务记录</a></li>
                    </ul>
                    {/* <div class="tab-content">
                      <div class="tab-pane fade active show sheet-panel-righttop" id="tab-yun" role="tabpanel" aria-labelledby="tab-yun">
                        <div class="slimScrol3">
                          <table class="table">
                            <thead>
                              <tr>
                                <th class="border-0"></th>
                                <th class="border-0">产品</th>
                                <th class="border-0">专业版</th>
                              </tr>
                            </thead>
                            <tr>
                              <td>1</td>
                              <td>重庆养护(2018)</td>
                              <td>已升级（<a href="#">@刘飞</a> 6月5日 13:32）<a href="#degrade-confirm" class="btn btn-xs btn-outline-danger waves-effect waves-themed" data-toggle="modal" data-target="#degrade-confirm">降级</a></td>
                            </tr>
                            <tr>
                              <td>2</td>
                              <td>广东养护(2018)</td>
                              <td><a href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a></td>
                            </tr>
                          </table>
                        </div>
                      </div>
                      <div class="tab-pane fade sheet-panel-righttop" id="tab-yun2" role="tabpanel" aria-labelledby="tab-yun">
                        <div class="slimScrol3">
                          <table class="table">
                            <thead>
                              <tr>
                                <th class="border-0"></th>
                                <th class="border-0">产品</th>
                                <th class="border-0">专业版</th>
                              </tr>
                            </thead>
                            <tr>
                              <td>1</td>
                              <td>重庆</td>
                              <td><a href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a></td>
                            </tr>
                            <tr>
                              <td>2</td>
                              <td>江西</td>
                              <td><a href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a></td>
                            </tr>
                            <tr>
                              <td>3</td>
                              <td>内蒙</td>
                              <td><a href="#update-confirm" class="btn btn-xs btn-outline-primary waves-effect waves-themed" data-toggle="modal" data-target="#update-confirm">升级</a></td>
                            </tr>
                          </table>
                        </div>
                      </div>
                      <div class="tab-pane fade sheet-panel-righttop" id="tab-lock" role="tabpanel" aria-labelledby="tab-lock">
                        <div class="slimScrol3">
                          <table class="table">
                            <thead>
                              <tr>
                                <th class="border-0"></th>
                                <th class="border-0">锁号</th>
                                <th class="border-0">产品</th>
                                <th class="border-0">状态</th>
                                <th class="border-0">责任人</th>
                              </tr>
                            </thead>
                            <tr>
                              <td>1</td>
                              <td><a href="#lock-detail" data-toggle="modal" data-target="#lock-detail">HNYH-0654</a></td>
                              <td>固化清单全功能+全国专业+全国专业（新定额）</td>
                              <td>借出</td>
                              <td><a href="#">@刘飞</a></td>
                            </tr>
                            <tr>
                              <td>2</td>
                              <td><a href="#lock-detail" data-toggle="modal" data-target="#lock-detail">HNYH-0655</a></td>
                              <td>+全国专业（新定额）</td>
                              <td>借出</td>
                              <td><a href="#">@刘飞</a></td>
                            </tr>
                          </table>
                        </div>
                      </div>
                      <div class="tab-pane fade sheet-panel-righttop" id="tab-sso" role="tabpanel" aria-labelledby="tab-yun">
                        <div class="slimScrol3">
                          <table class="table">
                            <thead>
                              <tr>
                                <th class="border-0"></th>
                                <th class="border-0">手机</th>
                                <th class="border-0">邮箱</th>
                                <th class="border-0">QQ</th>
                                <th class="border-0">称呼</th>
                              </tr>
                            </thead>
                            <tr>
                              <td>1</td>
                              <td><a href="">15812345678</a></td>
                              <td></td>
                              <td>123456</td>
                              <td>张三</td>
                            </tr>
                            <tr>
                              <td>1</td>
                              <td><a href="">13900623512</a></td>
                              <td>123456@qq.com</td>
                              <td>123456</td>
                              <td>张三</td>
                            </tr>
                          </table>
                        </div>
                      </div>
                      <div class="tab-pane fade sheet-panel-righttop" id="tab-server" role="tabpanel" aria-labelledby="tab-server">
                        <div class="slimScrol3">
                          <table class="table">
                            <thead>
                              <tr>
                                <th class="border-0"></th>
                                <th class="border-0">类型/时间</th>
                                <th class="border-0">服务内容</th></tr>
                            </thead>
                            <tr>
                              <td width="20">1</td>
                              <td width="140"><a href="#">@陈特</a> 上门服务
                                  <br /><span class="text-muted">5月5日 14:55</span></td>
                              <td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td>
                            </tr>
                            <tr>
                              <td>2</td>
                              <td><a href="#">@陈特</a> 上门服务
                                  <br /><span class="text-muted">5月5日 14:55</span></td>
                              <td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td>
                            </tr>
                            <tr>
                              <td>3</td>
                              <td><a href="#">@陈特</a> 上门服务
                                  <br /><span class="text-muted">5月5日 14:55</span></td>
                              <td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td>
                            </tr>
                            <tr>
                              <td>4</td>
                              <td><a href="#">@陈特</a> 上门服务
                                  <br /><span class="text-muted">5月5日 14:55</span></td>
                              <td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td>
                            </tr>
                            <tr>
                              <td>5</td>
                              <td><a href="#">@陈特</a> 上门服务
                                  <br /><span class="text-muted">5月5日 14:55</span></td>
                              <td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td>
                            </tr>
                            <tr>
                              <td>6</td>
                              <td><a href="#">@陈特</a> 上门服务
                                  <br /><span class="text-muted">5月5日 14:55</span></td>
                              <td>1-给彭工更新了软件程序，安装演示了软。2-单位彭工要考甲乙级考试，给他带了资料过去。3-表示论文发表评职称也可以随时联系我。</td>
                            </tr>
                          </table>
                        </div>
                      </div>
                    </div> */}
                    <div class="sheet-btns mt-3"><a href="#add-server" class="btn btn-xs btn-outline-primary" data-toggle="modal" data-target="#add-server"><i class="far fa-plus"></i> 添加服务记录</a><a href="#add-lock" class="btn btn-xs btn-outline-primary" data-toggle="modal" data-target="#add-lock"><i class="far fa-link"></i> 绑定加密锁</a></div>
                  </div>
                  {/* <div class="sheet-panel-record">
                    <ul class="nav nav-tabs nav-tabs-clean sheet-nav-tabs" role="tablist">
                      <li class="nav-item ml-4"><a class="nav-link text-center active" data-toggle="tab" href="#tab-log" role="tab" aria-selected="true">日志</a></li>
                    </ul>
                    <div class="tab-content p-3">
                      <div class="tab-pane fade active show sheet-panel-log" id="tab-log" role="tabpanel" aria-labelledby="tab-log">
                        <div class="slimScrol4">
                          <p><a href="#">@陈特</a> 移除 通行账号 15812345678<br /><span class="text-muted">5月5日 14:55</span></p>

                          <p><a href="#">@陈特</a> 关联 通行账号 15812345678<br /><span class="text-muted">5月5日 14:55</span></p>

                          <p><a href="#">@陈特</a> 修改 手机 15800000000 改为 15812345678<br /><span class="text-muted">5月5日 14:55</span></p>

                          <p><a href="#">@陈特</a> 关联 公司 珠海纵横创新软件有限公司<br /><span class="text-muted">5月5日 14:55</span></p>

                          <p><a href="#">@陈特</a> 创建<br /><span class="text-muted">5月5日 14:55</span></p>

                        </div>
                      </div>
                    </div>
                  </div> */}
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    );
  }

}




export default clientPopups;
