仪表台新增

business.html

@@ -611,23 +611,11 @@
                     <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>
-                            <th class="border-0">开票内容</th>
-                          </tr>
+                          <tr><th>开票流水号</th><th>开票单位</th><th>金额</th><th>回款</th><th></th></tr>
                         </thead>
-                        <tr>
-                          <td>1</td>
-                          <td><a href="#">#F20160316001</a></td>
-                          <td>珠海XXXX有限公司</td>
-                          <td>￥20000.00</td>
-                          <td>￥20000.00</td>
-                          <td>纵横公路工程造价管理系统V9.0</td>
-                        </tr>
+                        <tr><td><a href="#invoice-detail" data-toggle="modal" data-target="#invoice-detail">#F20160316001</a></td><td>珠海纵横创新软件有限公司1</td><td>￥3000.00</td><td>￥3000.00</td><td><a href="#remove-invoice" data-toggle="modal" data-target="#remove-invoice" class="text-danger" title="移除发票"><i class="fal fa-times"></i></a></td></tr>
+                        <tr><td><a href="#invoice-detail" data-toggle="modal" data-target="#remove-invoice">#F20160316002</a></td><td>珠海纵横创新软件有限公司1</td><td>￥3000.00<sup class="text-danger">专</sup></td><td></td><td><a href="#remove-invoice" data-toggle="modal" data-target="#remove-invoice" class="text-danger" title="移除发票"><i class="fal fa-times"></i></a></td></tr>
+                        <tr><td>合计</td><td></td><td>￥6000.00</td><td>￥3000.00</td><td></td></tr>
                       </table>
                     </div>
                   </div>
@@ -1158,10 +1146,34 @@
                         </div>
                     </div>
                     <div class="modal-search-height border-top border-bottom">
+                      <div class="px-3 pt-3">
+                          <div class="custom-control custom-radio custom-control-inline">
+                              <input type="radio" class="custom-control-input" id="defaultInline1Radio" name="inlineDefaultRadiosExample" checked="">
+                              <label class="custom-control-label" for="defaultInline1Radio">我的发票</label>
+                          </div>
+                          <div class="custom-control custom-radio custom-control-inline">
+                              <input type="radio" class="custom-control-input" id="defaultInline2Radio" name="inlineDefaultRadiosExample">
+                              <label class="custom-control-label" for="defaultInline2Radio">部门发票</label>
+                          </div>
+                        </div>
                         <div class="slimScrol2 p-4 modal-search-result">
-                            <div class="card p-3 mb-3" title="点击关联该发票">
-                                <div class="row"><div class="col-2 pr-0">#F20160316001</div><div class="col-3 pr-0">珠海XXX公司</div><div class="col-2 pr-0">￥3000.00</div><div class="col-3 pr-0">纵横公路工程造价管理系统V9.0</div><div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">选择</a></div></div>
+                            <div class="card p-3 mb-3">
+                                <div class="row">
+                                    <div class="col-5 pr-0">珠海纵横创新软件有限公司<br><a href="#">#F20160316003</a></div>
+                                    <div class="col-4 pr-0">纵横公路工程造价管理系统V9.0</div>
+                                    <div class="col-auto pr-0">￥3000.00</div>
+                                    <div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">关联</a></div>
+                                </div>
+                            </div>
+                            <div class="card p-3 mb-3">
+                                <div class="row">
+                                    <div class="col-5 pr-0">珠海纵横创新软件有限公司<br><a href="#">#F20160316005</a></div>
+                                    <div class="col-4 pr-0">纵横公路工程造价管理系统V9.0</div>
+                                    <div class="col-auto pr-0">￥3000.00<sup class="text-danger">专</sup></div>
+                                    <div class="col-auto ml-auto pl-0"><a href="#" class="btn btn-xs btn-outline-primary">关联</a></div>
+                                </div>
                             </div>
+                            <p class="text-muted text-center">仅显示最近30张发票</p>
                         </div>
                     </div><!-- 
                     <div class="m-4">

contract.html

@@ -3099,7 +3099,7 @@
             </div>
             <div class="custom-control custom-radio custom-control-inline">
                 <input type="radio" class="custom-control-input" id="defaultInline2Radio" name="inlineDefaultRadiosExample">
-                <label class="custom-control-label" for="defaultInline2Radio">办事处发票</label>
+                <label class="custom-control-label" for="defaultInline2Radio">部门发票</label>
             </div>
           </div>
           <div class="slimScrol2 p-4 modal-search-result">

staff-employee.html

@@ -91,120 +91,120 @@
         </div>
         <!-- 侧栏主菜单 -->
         <nav id="js-primary-nav" class="primary-nav" role="navigation">
-                        <ul id="js-nav-menu" class="nav-menu">
-                            <li class="">
-                                <a href="staff-index.html" title="首页" data-filter-tags="首页" class="waves-effect waves-themed">
-                                    <i class="fal fa-home"></i>
-                                    <span class="nav-link-text">首页</span>
-                                </a>
-                            </li>
-                            <li class="active">
-                                <a href="staff-employee.html" title="部门与员工" data-filter-tags="部门与员工">
-                                    <i class="fal fa-users"></i>
-                                    <span class="nav-link-text">部门与员工</span>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#" title="薪酬" data-filter-tags="薪酬" class="waves-effect waves-themed">
-                                    <i class="fal fa-yen-sign"></i>
-                                    <span class="nav-link-text">薪酬</span>
-                                </a>
-                                <ul>
-                                    <li>
-                                        <a href="staff-payroll.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
-                                            <span class="nav-link-text">工资</span>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="staff-attendance.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
-                                            <span class="nav-link-text">考勤</span>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="staff-commission.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
-                                            <span class="nav-link-text">提成</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="">
-                                <a href="staff-insurance.html" title="社保公积金" data-filter-tags="社保公积金" class="waves-effect waves-themed">
-                                    <i class="fal fa-shield-alt"></i>
-                                    <span class="nav-link-text">社保公积金</span>
-                                </a>
-                            </li>
-                            <li class="">
-                                <a href="#" title="其他" data-filter-tags="其他" class="waves-effect waves-themed">
-                                    <i class="fal fa-badge-check"></i>
-                                    <span class="nav-link-text">其他</span>
-                                </a>
-                                <ul>
-                                    <li>
-                                        <a href="staff-affixation.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
-                                            <span class="nav-link-text">附加收支项</span>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="staff-welfare.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
-                                            <span class="nav-link-text">福利奖金</span>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="staff-guanaitong.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
-                                            <span class="nav-link-text">关爱通</span>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="staff-tax.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
-                                            <span class="nav-link-text">六项专项扣除</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="">
-                                <a href="#" title="人资设置" data-filter-tags="人资设置" class="waves-effect waves-themed">
-                                    <i class="fal fa-cogs"></i>
-                                    <span class="nav-link-text">人资设置</span>
-                                </a>
-                                <ul>
-                                    <li>
-                                        <a href="staff-set-insurance.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
-                                            <span class="nav-link-text">社保设置</span>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="staff-set-job.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
-                                            <span class="nav-link-text">岗位设置</span>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="staff-set-commission.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
-                                            <span class="nav-link-text">提成设置</span>
-                                        </a>
-                                    </li>
-                                    <li>
-                                        <a href="staff-set-approval.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
-                                            <span class="nav-link-text">审批流程设置</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li class="">
-                                <a href="#" title="办事处管理" data-filter-tags="办事处管理" class="waves-effect waves-themed">
-                                    <i class="fal fa-cog"></i>
-                                    <span class="nav-link-text">办事处管理</span>
-                                </a>
-                                <ul>
-                                    <li>
-                                        <a href="staff-commission-org.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
-                                            <span class="nav-link-text">分配提成</span>
-                                        </a>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
-                        <div class="filter-message js-filter-message bg-success-600"></div>
-                    </nav>
+            <ul id="js-nav-menu" class="nav-menu">
+                <li class="">
+                    <a href="staff-index.html" title="首页" data-filter-tags="首页" class="waves-effect waves-themed">
+                        <i class="fal fa-home"></i>
+                        <span class="nav-link-text">首页</span>
+                    </a>
+                </li>
+                <li class="active">
+                    <a href="staff-employee.html" title="部门与员工" data-filter-tags="部门与员工">
+                        <i class="fal fa-users"></i>
+                        <span class="nav-link-text">部门与员工</span>
+                    </a>
+                </li>
+                <li>
+                    <a href="#" title="薪酬" data-filter-tags="薪酬" class="waves-effect waves-themed">
+                        <i class="fal fa-yen-sign"></i>
+                        <span class="nav-link-text">薪酬</span>
+                    </a>
+                    <ul>
+                        <li>
+                            <a href="staff-payroll.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
+                                <span class="nav-link-text">工资</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="staff-attendance.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                                <span class="nav-link-text">考勤</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="staff-commission.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                                <span class="nav-link-text">提成</span>
+                            </a>
+                        </li>
+                    </ul>
+                </li>
+                <li class="">
+                    <a href="staff-insurance.html" title="社保公积金" data-filter-tags="社保公积金" class="waves-effect waves-themed">
+                        <i class="fal fa-shield-alt"></i>
+                        <span class="nav-link-text">社保公积金</span>
+                    </a>
+                </li>
+                <li class="">
+                    <a href="#" title="其他" data-filter-tags="其他" class="waves-effect waves-themed">
+                        <i class="fal fa-badge-check"></i>
+                        <span class="nav-link-text">其他</span>
+                    </a>
+                    <ul>
+                        <li>
+                            <a href="staff-affixation.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
+                                <span class="nav-link-text">附加收支项</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="staff-welfare.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                                <span class="nav-link-text">福利奖金</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="staff-guanaitong.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                                <span class="nav-link-text">关爱通</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="staff-tax.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                                <span class="nav-link-text">六项专项扣除</span>
+                            </a>
+                        </li>
+                    </ul>
+                </li>
+                <li class="">
+                    <a href="#" title="人资设置" data-filter-tags="人资设置" class="waves-effect waves-themed">
+                        <i class="fal fa-cogs"></i>
+                        <span class="nav-link-text">人资设置</span>
+                    </a>
+                    <ul>
+                        <li>
+                            <a href="staff-set-insurance.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
+                                <span class="nav-link-text">社保设置</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="staff-set-job.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                                <span class="nav-link-text">岗位设置</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="staff-set-commission.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                                <span class="nav-link-text">提成设置</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="staff-set-approval.html" title="Marketing Dashboard" data-filter-tags="application intel marketing dashboard">
+                                <span class="nav-link-text">审批流程设置</span>
+                            </a>
+                        </li>
+                    </ul>
+                </li>
+                <li class="">
+                    <a href="#" title="办事处管理" data-filter-tags="办事处管理" class="waves-effect waves-themed">
+                        <i class="fal fa-cog"></i>
+                        <span class="nav-link-text">办事处管理</span>
+                    </a>
+                    <ul>
+                        <li>
+                            <a href="staff-commission-org.html" title="Analytics Dashboard" data-filter-tags="application intel analytics dashboard">
+                                <span class="nav-link-text">分配提成</span>
+                            </a>
+                        </li>
+                    </ul>
+                </li>
+            </ul>
+            <div class="filter-message js-filter-message bg-success-600"></div>
+        </nav>
         <!-- END 侧栏主菜单 -->
         <!--侧栏底部菜单-->
         <div class="nav-footer shadow-top">
@@ -322,6 +322,58 @@
                   </div>
                 </div>
                 <div class="col-auto">
+                  <div class="row mb-4">
+                    <div class="col-5">
+                      <div class="card p-3 ">
+                        <div class="row">
+                          <h3 class="display-5 d-block l-h-n m-0 fw-500 col-4 text-center border-right">
+                              <small class="m-0 l-h-n fw-400 text-dark">在职</small>
+                              <b>5</b>
+                          </h3>
+                          <h3 class="display-5 d-block l-h-n m-0 fw-500 col-4 text-center border-right">
+                              <small class="m-0 l-h-n fw-400 text-dark">全职</small>
+                              <b>3</b>
+                          </h3>
+                          <h3 class="display-5 d-block l-h-n m-0 fw-500 col-4 text-center">
+                              <small class="m-0 l-h-n fw-400 text-dark">实习</small>
+                              <b>2</b>
+                          </h3>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-3">
+                      <div class="card p-3">
+                        <div class="row">
+                          <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6 text-center border-right">
+                              <small class="m-0 l-h-n fw-400 text-dark">试用</small>
+                              <b>0</b>
+                          </h3>
+                          <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6 text-center">
+                              <small class="m-0 l-h-n fw-400 text-dark">正式</small>
+                              <b>5</b>
+                          </h3>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="col-4">
+                      <div class="card p-3">
+                        <div class="row">
+                          <h3 class="display-5 d-block l-h-n m-0 fw-500 col-4 text-center border-right">
+                              <small class="m-0 l-h-n fw-400 text-dark">待入职</small>
+                              <b>0</b>
+                          </h3>
+                          <h3 class="display-5 d-block l-h-n m-0 fw-500 col-4 text-center border-right">
+                              <small class="m-0 l-h-n fw-400 text-dark">待离职</small>
+                              <b>0</b>
+                          </h3>
+                          <h3 class="display-5 d-block l-h-n m-0 fw-500 col-4 text-center">
+                              <small class="m-0 l-h-n fw-400 text-dark">已离职</small>
+                              <b>0</b>
+                          </h3>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
                   <div class="panel">
                     <div class="panel-hdr">
                       <div class="col-auto pr-0">

workbench.html

@@ -234,6 +234,7 @@
                   </div>
                 </div>
               </div>
+              <!--客户服务概况-->
               <div class="panel p-3 mb-3">
                 <div class="row">
                     <div class="col-sm-6 col-xl-3">
@@ -318,6 +319,7 @@
                     </div>
                 </div>
               </div>
+              <!--开票概况-->
               <div class="panel p-3 mb-3">
                 <div class="row">
                     <div class="col-sm-6 col-xl-4">
@@ -381,36 +383,149 @@
                     <div class="col-sm-6 col-xl-6">
                         <div class="p-3 bg-light border rounded overflow-hidden position-relative">
                             <div class="row">
-                                <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
+                                <div class=" d-block l-h-n m-0 fw-500 col-2">
+                                  <div class="icon-stack fa-3x">
+                                    <i class="base base-7 icon-stack-3x opacity-100 color-success-700"></i>
+                                    <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
+                                  </div>
+                                </div>
+                                <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5">
                                     ￥10000.00
-                                    <small class="m-0 l-h-n fw-400 text-dark">费用支出</small>
+                                    <small class="m-0 l-h-n fw-400 text-dark">流水支出</small>
                                 </h3>
-                                <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6 text-right">
+                                <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5 text-right">
                                     <span class="text-success">+10%</span>
                                     <small class="m-0 l-h-n">较上月</small>
                                 </h3>
                             </div>
-                            <i class="fal fa-share position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n3" style="font-size:6rem"></i>
                         </div>
                     </div>
                     <div class="col-sm-6 col-xl-6">
                         <div class="p-3 bg-light border rounded overflow-hidden position-relative">
                             <div class="row">
-                                <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
+                                <div class=" d-block l-h-n m-0 fw-500 col-2">
+                                  <div class="icon-stack fa-3x">
+                                    <i class="base base-7 icon-stack-3x opacity-100 color-success-700"></i>
+                                    <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
+                                  </div>
+                                </div>
+                                <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5">
                                     ￥30000.00
-                                    <small class="m-0 l-h-n fw-400 text-dark">费用收入</small>
+                                    <small class="m-0 l-h-n fw-400 text-dark">流水收入</small>
                                 </h3>
-                                <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6 text-right">
+                                <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5 text-right">
                                     <span class="text-danger">-8%</span>
                                     <small class="m-0 l-h-n">较上月</small>
                                 </h3>
                             </div>
-                            <i class="fal fa-reply position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n4" style="font-size: 6rem;"></i>
                         </div>
                     </div>
                 </div>
               </div>
             </div>
+            <!--销售漏斗-->
+            <div class="col-8">
+              <div class="panel">
+                <div class="panel-hdr">
+                  <h2><i class=""></i> 销售漏斗</h2>
+                  <div class="panel-toolbar">
+                    <div class="btn-group btn-group-sm">
+                      <button class="btn btn-outline-secondary dropdown-toggle waves-effect waves-themed" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                          销售漏斗组
+                      </button>
+                      <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; top: 37px; left: 0px; will-change: top, left;">
+                          <a class="dropdown-item" href="#">销售漏斗组</a>
+                          <a class="dropdown-item" href="#">计量支付组</a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="col-4">
+              <div class="panel">
+                <div class="panel-hdr">
+                  <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>
+                  </table>
+                </div>
+              </div>
+            </div>
+            <div class="col-6">
+              <div class="panel">
+                <div class="panel-hdr">
+                  <h2><i class=""></i> 排行榜</h2>
+                  <div class="panel-toolbar">
+                    <div class="btn-group btn-group-sm">
+                      <button class="btn btn-outline-secondary dropdown-toggle waves-effect waves-themed" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                          新增客户
+                      </button>
+                      <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; top: 37px; left: 0px; will-change: top, left;">
+                          <a class="dropdown-item" href="#">客户服务</a>
+                          <a class="dropdown-item" href="#">新增联系人</a>
+                          <a class="dropdown-item" href="#">联系人服务</a>
+                          <a class="dropdown-item" href="#">新增商机</a>
+                          <a class="dropdown-item" href="#">商机服务</a>
+                          <a class="dropdown-item" href="#">开票金额</a>
+                          <a class="dropdown-item" href="#">回款金额</a>
+                          <a class="dropdown-item" href="#">报销金额</a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="panel-content">
+                  <table class="table mb-0">
+                    <thead>
+                      <tr><th colspan="4" class="text-center">新增客户排行榜</th></tr>
+                      <tr><th class="pl-4">排名</th><th>姓名</th><th>新增客户数</th></tr>
+                    </thead>
+                    <tr><td class="pl-4"><i class="fas fa-trophy-alt text-warning"></i></td><td>陈特</td><td>30</td></tr>
+                    <tr><td class="pl-4"><i class="fas fa-trophy text-success"></i></td><td>张三</td><td>20</td></tr>
+                    <tr><td class="pl-4"><i class="fas fa-trophy text-muted"></i></td><td>张三</td><td>10</td></tr>
+                  </table>
+                </div>
+              </div>
+            </div>
+            <div class="col-6">
+              <div class="panel">
+                <div class="panel-hdr">
+                  <h2><i class=""></i> 产品排行榜</h2>
+                  <div class="panel-toolbar">
+                    <div class="btn-group btn-group-sm">
+                      <button class="btn btn-outline-secondary dropdown-toggle waves-effect waves-themed" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                          软件锁
+                      </button>
+                      <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; top: 37px; left: 0px; will-change: top, left;">
+                          <a class="dropdown-item" href="#">软件锁</a>
+                          <a class="dropdown-item" href="#">大司空</a>
+                          <a class="dropdown-item" href="#">养护云</a>
+                          <a class="dropdown-item" href="#">公路造价</a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="panel-content">
+                  <table class="table  mb-0">
+                    <thead>
+                      <tr><th colspan="5" class="text-center">软件锁</th></tr>
+                      <tr><th class="pl-4">排名</th><th>姓名</th><th>销售</th><th>借出</th><th>赠送</th></tr>
+                    </thead>
+                    <tr><td class="pl-4"><i class="fas fa-trophy-alt text-warning"></i></td><td>陈特</td><td>30</td><td>30</td><td>30</td></tr>
+                    <tr><td class="pl-4"><i class="fas fa-trophy text-success"></i></td><td>张三</td><td>20</td><td>20</td><td>20</td></tr>
+                    <tr><td class="pl-4"><i class="fas fa-trophy text-muted"></i></td><td>张三</td><td>10</td><td>10</td><td>10</td></tr>
+                  </table>
+                </div>
+              </div>
+            </div>
           </div>
         </main>
         <!-- END Page Content -->