仪表盘

company.html

@@ -163,7 +163,7 @@
           </div>
           <!--页面标题-->
           <h1 class="subheader-title">
-     					联系人
+     					客户
      				</h1>
           <!--顶部右栏-->
           <div class="ml-auto d-flex">
@@ -214,6 +214,15 @@
             <div class="col-xl-12">
               <div id="panel-1" class="panel">
                 <div class="panel-hdr">
+                  <div class="col-auto pr-0">
+                    <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">本人</button>
+                    <div class="dropdown-menu">
+                        <button class="dropdown-item" type="button">本人及下属</button>
+                        <button class="dropdown-item" type="button">仅本部门</button>
+                        <button class="dropdown-item" type="button">本部门及下属部门</button>
+                        <button class="dropdown-item" type="button">自定义</button>
+                    </div>
+                  </div>
                   <!--地区筛选-->
                   <div class="col-auto pr-0">
                     <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">省/市/区</button>

contact.html

@@ -215,60 +215,10 @@
             <div class="col-xl-12">
               <div id="panel-1" class="panel">
                 <div class="panel-hdr">
-                  <!--地区筛选-->
                   <div class="col-auto pr-0">
-                    <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">省/市/区</button>
-                    <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-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">
-                          <!--东北地区-->
-                          <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-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 class="col-auto pr-0">
                     <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" 添加标签="选择标签">个人标签</button>
                     <div class="dropdown-menu dropdown-menu-right" style="width:200px">
@@ -370,7 +320,7 @@
                       </ul>
                     </div>
                   </div>
-                  <!--协作标签（已选择标签）-->
+                  <!--批量协作标签-->
                   <div class="col-auto pr-0">
                     <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" 添加标签="选择标签"><i class="fas fa-stop tagcol-11-s mr-1"></i><i class="fas fa-stop tagcol-13-s mr-1"></i></button>
                     <div class="dropdown-menu dropdown-menu-right" style="width:200px">
@@ -474,12 +424,7 @@
                   </div>
                   <!--搜索-->
                   <div class="col-auto pr-0">
-                    <div class="input-group input-group-sm bg-white shadow-inset-2">
-                      <input type="text" class="form-control bg-transparent" placeholder="联系人/客户/手机/QQ">
-                      <div class="input-group-append">
-                        <button class="btn btn-default waves-effect waves-themed" type="button" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="搜索"><i class="fal fa-search"></i></button>
-                      </div>
-                    </div>
+                    <button class="btn btn-sm btn-primary waves-effect waves-themed" type="button" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="搜索"><i class="fal fa-check"></i> 确认</button>
                   </div>
                   <!--筛选-->
                   <!-- <div class="col-auto pr-0">
@@ -652,6 +597,7 @@
                     <table class="table table-bordered table-hover table-striped">
                       <thead>
                         <tr>
+                          <th width="30"><input type="checkbox"></th>
                           <th>联系人</th>
                           <th>客户名称</th>
                           <th>部门</th>
@@ -662,6 +608,7 @@
                       </thead>
                       <tbody>
                         <tr>
+                          <td><input type="checkbox"></td>
                           <td><a href="#detail" data-toggle="modal" data-target="#detail">张三8</a></td>
                           <td><a href="#com-detail" data-toggle="modal" data-target="#com-detail">xxxx公司</a></td>
                           <td>部门1</td>
@@ -830,6 +777,7 @@
                           <td><a href="#lock-detail" data-toggle="modal" data-target="#lock-detail">HNYH-0654</a></td>
                         </tr>
                         <tr>
+                          <td><input type="checkbox"></td>
                           <td><a href="#detail" data-toggle="modal" data-target="#detail">张三8</a></td>
                           <td><a href="#com-detail" data-toggle="modal" data-target="#com-detail">YYYY公司</a></td>
                           <td>部门1</td>
@@ -1037,6 +985,243 @@
                           </td>
                           <td></td>
                         </tr>
+                        <tr>
+                          <td><input type="checkbox"></td>
+                          <td><a href="#detail" data-toggle="modal" data-target="#detail">张三8</a></td>
+                          <td><a href="#com-detail" data-toggle="modal" data-target="#com-detail">YYYY公司</a></td>
+                          <td>部门1</td>
+                          <td>
+                            <!--添加标签--><a title="添加标签" class="badge badge-secondary tagcol-08" href="" data-toggle="dropdown"><i class="far fa-plus"></i></a>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <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" for="tabcheck1"></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" for="tabcheck2"></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" for="tabcheck3"></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" for="tabcheck4"></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" for="tabcheck5"></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" for="tabcheck6"></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" for="tabcheck7"></label>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </li>
+                                <li class="mb-1">
+                                  <a href="#">编辑标签</a>
+                                </li>
+                              </ul>
+                            </div><!--添加标签 end-->
+                          </td>
+                          <td>
+                            <!--添加标签--><a title="添加协作标签" class="badge badge-secondary tagcol-08" href="" data-toggle="dropdown"><i class="far fa-plus"></i></a>
+                            <div class="dropdown-menu dropdown-menu-right">
+                              <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-stop tagcol-11-s mr-2"></i>协作标签1</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" for="tabcheck1"></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-stop tagcol-12-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" for="tabcheck2"></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-stop tagcol-13-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" for="tabcheck3"></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-stop tagcol-14-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" for="tabcheck4"></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-stop tagcol-15-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" for="tabcheck5"></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-stop tagcol-16-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" for="tabcheck6"></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-stop tagcol-17-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" for="tabcheck7"></label>
+                                        </div>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </li>
+                                <li class="mb-1">
+                                  <a href="#">编辑标签</a>
+                                </li>
+                              </ul>
+                            </div><!--添加标签 end-->
+                          </td>
+                          <td></td>
+                        </tr>
+                        <tr>
+                          <td colspan="2">统计</td>
+                          <td><a href="#" data-toggle="dropdown">不显示</a>
+                      <div class="dropdown-menu">
+                        <a class="dropdown-item" href="javascript:void(0)">已填写</a>
+                        <a class="dropdown-item" href="javascript:void(0)">未填写</a>
+                      </div></td>
+                          <td><a href="#" data-toggle="dropdown">已填写：3</a>
+                      <div class="dropdown-menu">
+                        <a class="dropdown-item" href="javascript:void(0)">所有</a>
+                        <a class="dropdown-item" href="javascript:void(0)">未填写</a>
+                      </div></td>
+                          <td><a href="#" data-toggle="dropdown">不显示</a>
+                      <div class="dropdown-menu">
+                        <a class="dropdown-item" href="javascript:void(0)">已填写</a>
+                        <a class="dropdown-item" href="javascript:void(0)">未填写</a>
+                      </div></td>
+                          <td><a href="#" data-toggle="dropdown">不显示</a>
+                      <div class="dropdown-menu">
+                        <a class="dropdown-item" href="javascript:void(0)">已填写</a>
+                        <a class="dropdown-item" href="javascript:void(0)">未填写</a>
+                      </div></td>
+                          <td><a href="#" data-toggle="dropdown">未填写：2</a>
+                      <div class="dropdown-menu">
+                        <a class="dropdown-item" href="javascript:void(0)">不显示</a>
+                        <a class="dropdown-item" href="javascript:void(0)">已填写</a>
+                      </div></td>
+                        </tr>
                       </tbody>
                     </table>
                     <!--翻页-->

icon.html

@@ -937,6 +937,27 @@
                         <div class="card-body border-faded border-top-0 border-left-0 border-right-0 rounded-top">
                             <div class="d-flex flex-row align-items-center">
                                 <span class="mr-3">
+                                    <img src="img/icons/完成全部_done-all.svg">
+                                </span>
+                                <div class="info-card-text flex-1">
+                                    <span class="fs-xl text-truncate text-truncate-lg">
+                                        完成全部 <span class="text-muted">done-all</span>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card-body p-0 collapse show">
+                            <div class="p-3">
+                                &lt;done-all theme="outline" size="24" fill="#333"/&gt;
+                            </div>
+                        </div>
+                    </div>
+                  </div>
+                  <div class="col-4">
+                    <div class="card border shadow-0 mb-g shadow-sm-hover">
+                        <div class="card-body border-faded border-top-0 border-left-0 border-right-0 rounded-top">
+                            <div class="d-flex flex-row align-items-center">
+                                <span class="mr-3">
                                     <img src="img/icons/校验-小_check-small.svg">
                                 </span>
                                 <div class="info-card-text flex-1">
@@ -974,6 +995,27 @@
                         </div>
                     </div>
                   </div>
+                  <div class="col-4">
+                    <div class="card border shadow-0 mb-g shadow-sm-hover">
+                        <div class="card-body border-faded border-top-0 border-left-0 border-right-0 rounded-top">
+                            <div class="d-flex flex-row align-items-center">
+                                <span class="mr-3">
+                                    <img src="img/icons/切换_switch.svg">
+                                </span>
+                                <div class="info-card-text flex-1">
+                                    <span class="fs-xl text-truncate text-truncate-lg">
+                                        切换 <span class="text-muted">switch</span>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="card-body p-0 collapse show">
+                            <div class="p-3">
+                                &lt;switch theme="filled" size="24" fill="#333"/&gt;
+                            </div>
+                        </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>

img/icons/完成全部_done-all.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M14 24L15.25 25.25M44 14L24 34L22.75 32.75" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 24L14 34L34 14" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>

workbench.html

@@ -207,6 +207,16 @@
         <main id="js-page-content" role="main" class="page-content">
           <div class="row">
             <div class="col-xl-12">
+                <div class="col-12 px-0">
+                  <div class="panel">
+                    <table class="table table-sm table-bordered text-center mb-0">
+                          <tr><td width="140">超过周期未服务提醒</td><td>7天</td><td>15天</td><td>30天</td><td>3个月</td><td>6个月</td><td>逾期</td></tr>
+                          <tr><td>客户</td><td><b><a href="" data-toggle="modal" data-target="#content-list"><b>20</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td></tr>
+                          <tr><td>联系人</td><td><b><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td></tr>
+                          <tr><td>商机</td><td><b><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td><td><a href="#"><b>0</b></a> 个</td></tr>
+                          </table>
+                  </div>
+                </div>
               <div class="row mb-2">
                 <div class="col-auto pr-0">
                   <button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">本人</button>
@@ -379,6 +389,9 @@
                         </div>
                     </div>
                 </div>
+              </div>
+            <!--流水概况-->
+            <div class="panel p-3 mb-3">
                 <div class="row">
                     <div class="col-sm-6 col-xl-6">
                         <div class="p-3 bg-light border rounded overflow-hidden position-relative">
@@ -421,7 +434,7 @@
                         </div>
                     </div>
                 </div>
-              </div>
+            </div>
             </div>
             <!--销售漏斗-->
             <div class="col-8">
@@ -445,17 +458,40 @@
             <div class="col-4">
               <div class="panel">
                 <div class="panel-hdr">
-                  <h2><i class=""></i> 超过周期未服务提醒</h2>
+                  <h2><i class=""></i> 数据汇总</h2>
                 </div>
                 <div class="panel-content">
                   <table class="table  mb-0">
-                    <tr><th class="pl-4">周期</th><th width="90">客户</th><th width="90">联系人</th><th width="90">商机</th></tr>
-                    <tr><th class="pl-4">7天</th><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td></tr>
-                    <tr><th class="pl-4">15天</th><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td></tr>
-                    <tr><th class="pl-4">30天</th><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td></tr>
-                    <tr><th class="pl-4">3个月</th><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td></tr>
-                    <tr><th class="pl-4">6个月</th><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td></tr>
-                    <tr><th class="pl-4">逾期</th><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td><td><a href=""><b>0</b></a> 个</td></tr>
+                    <tr>
+                      <td>
+                        <p class="mb-0">新增客户 <a href="#"><b>0</b></a> 个，服务 <a href="#"><b>0</b></a> 条</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <p class="mb-0">新增联系人 <a href="#"><b>0</b></a> 个，服务 <a href="#"><b>0</b></a> 条</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <p class="mb-0">新增商机 <a href="#"><b>0</b></a> 个，金额 <a href="#"><b>0</b></a> 元，服务 <a href="#"><b>0</b></a> 条，赢单 <a href="#"><b>0</b></a> 个</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <p class="mb-0">新增开票 <a href="#"><b>0</b></a> 张，开票总金额 <a href="#"><b>0</b></a> 元</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <p class="mb-0">回款 <a href="#"><b>0</b></a> 条，回款总金额 <a href="#"><b>0</b></a> 元</p>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <p class="mb-0">支出 <a href="#"><b>0</b></a> 元，收入 <a href="#"><b>0</b></a> 元</p>
+                      </td>
+                    </tr>
                   </table>
                 </div>
               </div>
@@ -2124,6 +2160,27 @@
       </div>
     </div>
   </div>
+  <!--BEGIN 在客户下添加 新联系人-->
+  <div class="modal fade" id="content-list" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+    <div class="modal-dialog modal-xl">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h4 class="modal-title">客户</h4>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true"><i class="fal fa-times"></i></span>
+                    </button>
+        </div>
+        <div class="modal-body">
+          <table class="table table-bordered table-hover table-striped">
+            <thead><th>客户名称</th><th>地区</th><th>电话</th><th>手机</th><th>重要联系人</th><th>联系人</th><th>上一次服务</th><th>服务内容</th><th>服务提醒</th></thead>
+          </table>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
+        </div>
+      </div>
+    </div>
+  </div>  
 </body>
 <!-- base vendor bundle:
 		 DOC: if you remove pace.js from core please note on Internet Explorer some CSS animations may execute before a page is fully loaded, resulting 'jump' animations