Browse Source

修改顶部应用切换

修改顶部应用切换
chente 5 years ago
parent
commit
a137e209e6
12 changed files with 2008 additions and 1177 deletions
  1. 21 864
      company.html
  2. 22 24
      contact.html
  3. 19 24
      lock-ccount.html
  4. 19 24
      lock-client.html
  5. 92 97
      product-yun-yh.html
  6. 19 24
      staff-affixation.html
  7. 19 24
      staff-employee.html
  8. 19 24
      staff-guanaitong.html
  9. 1721 0
      staff-index.html
  10. 19 24
      staff-set-job.html
  11. 19 24
      staff-tax.html
  12. 19 24
      staff-welfare.html

File diff suppressed because it is too large
+ 21 - 864
company.html


+ 22 - 24
contact.html

@@ -81,8 +81,8 @@
       <aside class="page-sidebar">
         <div class="page-logo">
           <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
-            <div class="icon-stack fa-2x">
-              <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+            <div class='icon-stack fa-2x'>
+              <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
             </div>
             <span class="page-logo-text mr-1">客户</span>
             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
@@ -1509,9 +1509,10 @@
                 <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>
-                      <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> 关联 大司空云计价 15812345678<br><span class="text-muted">5月5日 14:55</span></p>
                       </p>
                       <p><a href="#">@陈特</a> 将手机 15800000000 改为 15812345678;将客户 珠海纵横创新软件有限公司 改为 北京旺圣干科技有限公司<br><span class="text-muted">5月5日 14:55</span></p>
                       </p>
@@ -3045,7 +3046,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             工作台
@@ -3055,7 +3056,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             客户
@@ -3064,11 +3065,9 @@
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                          <span class="icon-stack">
-                            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                            <i class="fal fa-box icon-stack-1x text-white"></i>
-                          </span>
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                           <span class="app-list-name">
                             产品
                           </span>
@@ -3077,39 +3076,38 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            费用
+                            开票合同
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            开票
+                            财务费用
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                        <div class="icon-stack">
-                          <i class="base-18 icon-stack-3x color-info-300"></i>
-                          <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                        </div>
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            假期
+                            考勤
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
                             人资
                           </span>

+ 19 - 24
lock-ccount.html

@@ -81,10 +81,8 @@
       <aside class="page-sidebar">
         <div class="page-logo">
           <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
-            <div class="icon-stack fa-2x">
-              <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-              <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-              <i class="fal fa-box icon-stack-1x opacity-100 color-white"></i>
+            <div class='icon-stack fa-2x'>
+              <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
             </div>
             <span class="page-logo-text mr-1">产品</span>
             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
@@ -1428,7 +1426,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             工作台
@@ -1438,7 +1436,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             客户
@@ -1447,11 +1445,9 @@
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                          <span class="icon-stack">
-                            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                            <i class="fal fa-box icon-stack-1x text-white"></i>
-                          </span>
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                           <span class="app-list-name">
                             产品
                           </span>
@@ -1460,39 +1456,38 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            费用
+                            开票合同
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            开票
+                            财务费用
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                        <div class="icon-stack">
-                          <i class="base-18 icon-stack-3x color-info-300"></i>
-                          <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                        </div>
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            假期
+                            考勤
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
                             人资
                           </span>

+ 19 - 24
lock-client.html

@@ -81,10 +81,8 @@
       <aside class="page-sidebar">
         <div class="page-logo">
           <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
-            <div class="icon-stack fa-2x">
-              <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-              <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-              <i class="fal fa-box icon-stack-1x opacity-100 color-white"></i>
+            <div class='icon-stack fa-x'>
+              <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
             </div>
             <span class="page-logo-text mr-1">产品</span>
             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
@@ -2478,7 +2476,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             工作台
@@ -2488,7 +2486,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             客户
@@ -2497,11 +2495,9 @@
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                          <span class="icon-stack">
-                            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                            <i class="fal fa-box icon-stack-1x text-white"></i>
-                          </span>
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                           <span class="app-list-name">
                             产品
                           </span>
@@ -2510,39 +2506,38 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            费用
+                            开票合同
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            开票
+                            财务费用
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                        <div class="icon-stack">
-                          <i class="base-18 icon-stack-3x color-info-300"></i>
-                          <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                        </div>
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            假期
+                            考勤
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
                             人资
                           </span>

+ 92 - 97
product-yun-yh.html

@@ -89,11 +89,9 @@
                 <aside class="page-sidebar">
                     <div class="page-logo">
                         <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative"  data-toggle="modal">
-                            <div class="icon-stack fa-2x">
-                                <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                                <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                                <i class="fal fa-box icon-stack-1x opacity-100 color-white"></i>
-                            </div>
+                            <div class='icon-stack fa-2x'>
+                                <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                              </div>
                             <span class="page-logo-text mr-1">产品</span>
                             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
                             <i class="ni ni-my-apps d-inline-block ml-1 fs-lg color-primary-300"></i>
@@ -1903,100 +1901,97 @@
                 </div>
             </div>
         </div>
-          <!-- BEGIN应用切换 -->
-          <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" aria-labelledby="modal-shortcut" aria-hidden="true">
-              <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
-                  <div class="modal-content">
-                      <div class="modal-body">
-                          <ul class="app-list w-auto h-auto p-0 text-left">
-                            <li>
-                              <a href="#" class="app-list-item text-white">
-                                <div class='icon-stack'>
-                                  <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
-                                </div>
-                                <span class="app-list-name">
-                                    工作台
-                                  </span>
-                              </a>
-                            </li>
-                            <li>
-                              <a href="#" class="app-list-item text-white">
-                                <div class='icon-stack'>
-                                  <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
-                                </div>
-                                <span class="app-list-name">
-                                    客户
-                                  </span>
-                              </a>
-                            </li>
-                            <li>
-                              <a href="#" class="app-list-item text-white">
-                                  <span class="icon-stack">
-                                    <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                                    <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                                    <i class="fal fa-box icon-stack-1x text-white"></i>
-                                  </span>
-                                  <span class="app-list-name">
-                                    产品
-                                  </span>
-                                </a>
-                            </li>
-                            <li>
-                              <a href="#" class="app-list-item text-white">
-                                <div class='icon-stack'>
-                                  <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                                </div>
-                                <span class="app-list-name">
-                                    费用
-                                  </span>
-                              </a>
-                            </li>
-                            <li>
-                              <a href="#" class="app-list-item text-white">
-                                <div class='icon-stack'>
-                                  <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                                </div>
-                                <span class="app-list-name">
-                                    开票
-                                  </span>
-                              </a>
-                            </li>
-                            <li>
-                              <a href="#" class="app-list-item text-white">
-                                <div class="icon-stack">
-                                  <i class="base-18 icon-stack-3x color-info-300"></i>
-                                  <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                                </div>
-                                <span class="app-list-name">
-                                    假期
-                                  </span>
-                              </a>
-                            </li>
-                            <li>
-                              <a href="#" class="app-list-item text-white">
-                                <div class='icon-stack'>
-                                  <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                                </div>
-                                <span class="app-list-name">
-                                    人资
-                                  </span>
-                              </a>
-                            </li>
-                            <li>
-                              <a href="#" class="app-list-item text-white">
-                                <div class='icon-stack'>
-                                  <i class="base base-5 icon-stack-3x opacity-100 color-danger-300"></i> <i class="base base-14 icon-stack-2x opacity-100 color-danger-200"></i> <i class="fas fa-id-card icon-stack-2x opacity-100 color-white"></i>
-                                </div>
-                                <span class="app-list-name">
-                                    我的纵横
-                                  </span>
-                              </a>
-                            </li>
-                          </ul>
-                      </div>
-                  </div>
+  <!-- BEGIN应用切换 -->
+  <div class="modal fade modal-backdrop-transparent" id="modal-shortcut" tabindex="-1" role="dialog" aria-labelledby="modal-shortcut" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-top modal-transparent" role="document">
+          <div class="modal-content">
+              <div class="modal-body">
+                  <ul class="app-list w-auto h-auto p-0 text-left">
+                    <li>
+                      <a href="#" class="app-list-item text-white">
+                        <div class='icon-stack'>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
+                        </div>
+                        <span class="app-list-name">
+                            工作台
+                          </span>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="#" class="app-list-item text-white">
+                        <div class='icon-stack'>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
+                        </div>
+                        <span class="app-list-name">
+                            客户
+                          </span>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="#" class="app-list-item text-white">
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
+                          <span class="app-list-name">
+                            产品
+                          </span>
+                        </a>
+                    </li>
+                    <li>
+                      <a href="#" class="app-list-item text-white">
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
+                        <span class="app-list-name">
+                            开票合同
+                          </span>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="#" class="app-list-item text-white">
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
+                        <span class="app-list-name">
+                            财务费用
+                          </span>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="#" class="app-list-item text-white">
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
+                        <span class="app-list-name">
+                            考勤
+                          </span>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="#" class="app-list-item text-white">
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
+                        <span class="app-list-name">
+                            人资
+                          </span>
+                      </a>
+                    </li>
+                    <li>
+                      <a href="#" class="app-list-item text-white">
+                        <div class='icon-stack'>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-danger-300"></i> <i class="base base-14 icon-stack-2x opacity-100 color-danger-200"></i> <i class="fas fa-id-card icon-stack-2x opacity-100 color-white"></i>
+                        </div>
+                        <span class="app-list-name">
+                            我的纵横
+                          </span>
+                      </a>
+                    </li>
+                  </ul>
               </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

+ 19 - 24
staff-affixation.html

@@ -81,10 +81,8 @@
       <aside class="page-sidebar">
         <div class="page-logo">
           <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
-            <div class="icon-stack fa-2x">
-              <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i>
-              <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i>
-              <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
+            <div class='icon-stack fa-2x'>
+              <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
             </div>
             <span class="page-logo-text mr-1">人资</span>
             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
@@ -459,7 +457,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             工作台
@@ -469,7 +467,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             客户
@@ -478,11 +476,9 @@
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                          <span class="icon-stack">
-                            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                            <i class="fal fa-box icon-stack-1x text-white"></i>
-                          </span>
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                           <span class="app-list-name">
                             产品
                           </span>
@@ -491,39 +487,38 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            费用
+                            开票合同
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            开票
+                            财务费用
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                        <div class="icon-stack">
-                          <i class="base-18 icon-stack-3x color-info-300"></i>
-                          <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                        </div>
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            假期
+                            考勤
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
                             人资
                           </span>

+ 19 - 24
staff-employee.html

@@ -81,10 +81,8 @@
       <aside class="page-sidebar">
         <div class="page-logo">
           <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
-            <div class="icon-stack fa-2x">
-              <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i>
-              <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i>
-              <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
+            <div class='icon-stack fa-2x'>
+              <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
             </div>
             <span class="page-logo-text mr-1">人资</span>
             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
@@ -505,7 +503,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             工作台
@@ -515,7 +513,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             客户
@@ -524,11 +522,9 @@
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                          <span class="icon-stack">
-                            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                            <i class="fal fa-box icon-stack-1x text-white"></i>
-                          </span>
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                           <span class="app-list-name">
                             产品
                           </span>
@@ -537,39 +533,38 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            费用
+                            开票合同
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            开票
+                            财务费用
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                        <div class="icon-stack">
-                          <i class="base-18 icon-stack-3x color-info-300"></i>
-                          <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                        </div>
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            假期
+                            考勤
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
                             人资
                           </span>

+ 19 - 24
staff-guanaitong.html

@@ -81,10 +81,8 @@
       <aside class="page-sidebar">
         <div class="page-logo">
           <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
-            <div class="icon-stack fa-2x">
-              <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i>
-              <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i>
-              <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
+            <div class='icon-stack fa-2x'>
+              <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
             </div>
             <span class="page-logo-text mr-1">人资</span>
             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
@@ -442,7 +440,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             工作台
@@ -452,7 +450,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             客户
@@ -461,11 +459,9 @@
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                          <span class="icon-stack">
-                            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                            <i class="fal fa-box icon-stack-1x text-white"></i>
-                          </span>
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                           <span class="app-list-name">
                             产品
                           </span>
@@ -474,39 +470,38 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            费用
+                            开票合同
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            开票
+                            财务费用
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                        <div class="icon-stack">
-                          <i class="base-18 icon-stack-3x color-info-300"></i>
-                          <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                        </div>
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            假期
+                            考勤
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
                             人资
                           </span>

File diff suppressed because it is too large
+ 1721 - 0
staff-index.html


+ 19 - 24
staff-set-job.html

@@ -81,10 +81,8 @@
       <aside class="page-sidebar">
         <div class="page-logo">
           <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
-            <div class="icon-stack fa-2x">
-              <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i>
-              <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i>
-              <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
+            <div class='icon-stack fa-2x'>
+              <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
             </div>
             <span class="page-logo-text mr-1">人资</span>
             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
@@ -405,7 +403,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             工作台
@@ -415,7 +413,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             客户
@@ -424,11 +422,9 @@
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                          <span class="icon-stack">
-                            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                            <i class="fal fa-box icon-stack-1x text-white"></i>
-                          </span>
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                           <span class="app-list-name">
                             产品
                           </span>
@@ -437,39 +433,38 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            费用
+                            开票合同
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            开票
+                            财务费用
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                        <div class="icon-stack">
-                          <i class="base-18 icon-stack-3x color-info-300"></i>
-                          <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                        </div>
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            假期
+                            考勤
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
                             人资
                           </span>

+ 19 - 24
staff-tax.html

@@ -81,10 +81,8 @@
       <aside class="page-sidebar">
         <div class="page-logo">
           <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
-            <div class="icon-stack fa-2x">
-              <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i>
-              <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i>
-              <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
+            <div class='icon-stack fa-2x'>
+              <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
             </div>
             <span class="page-logo-text mr-1">人资</span>
             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
@@ -406,7 +404,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             工作台
@@ -416,7 +414,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             客户
@@ -425,11 +423,9 @@
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                          <span class="icon-stack">
-                            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                            <i class="fal fa-box icon-stack-1x text-white"></i>
-                          </span>
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                           <span class="app-list-name">
                             产品
                           </span>
@@ -438,39 +434,38 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            费用
+                            开票合同
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            开票
+                            财务费用
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                        <div class="icon-stack">
-                          <i class="base-18 icon-stack-3x color-info-300"></i>
-                          <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                        </div>
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            假期
+                            考勤
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
                             人资
                           </span>

+ 19 - 24
staff-welfare.html

@@ -81,10 +81,8 @@
       <aside class="page-sidebar">
         <div class="page-logo">
           <a href="#modal-shortcut" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal">
-            <div class="icon-stack fa-2x">
-              <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i>
-              <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i>
-              <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
+            <div class='icon-stack fa-2x'>
+              <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
             </div>
             <span class="page-logo-text mr-1">人资</span>
             <span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
@@ -408,7 +406,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-11 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-primary-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-primary-500"></i> <i class="fas fa-chess icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             工作台
@@ -418,7 +416,7 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-4 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-12 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
+                          <i class="base base-5 icon-stack-3x opacity-100 color-info-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-500"></i> <i class="fas fa-address-book icon-stack-2x opacity-100 color-white"></i>
                         </div>
                         <span class="app-list-name">
                             客户
@@ -427,11 +425,9 @@
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                          <span class="icon-stack">
-                            <i class="base base-7 icon-stack-3x opacity-100 color-danger-900 "></i>
-                            <i class="base base-4 icon-stack-2x opacity-100 color-danger-600 "></i>
-                            <i class="fal fa-box icon-stack-1x text-white"></i>
-                          </span>
+                          <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-danger-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-danger-500"></i> <i class="fas fa-box icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                           <span class="app-list-name">
                             产品
                           </span>
@@ -440,39 +436,38 @@
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-9 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-14 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            费用
+                            开票合同
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-3 icon-stack-3x opacity-100 color-warning-700"></i> <i class="base base-9 icon-stack-2x opacity-100 color-warning-500"></i> <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-success-700"></i> <i class="base base-7 icon-stack-2x opacity-100 color-success-500"></i> <i class="fas fa-clipboard-list icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            开票
+                            财务费用
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
-                        <div class="icon-stack">
-                          <i class="base-18 icon-stack-3x color-info-300"></i>
-                          <span class="position-absolute pos-top pos-left pos-right color-white fs-md mt-2 fw-400">Zz..</span>
-                        </div>
+                        <div class='icon-stack'>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-info-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-info-200"></i> <i class="fas fa-alarm-clock icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
-                            假期
+                            考勤
                           </span>
                       </a>
                     </li>
                     <li>
                       <a href="#" class="app-list-item text-white">
                         <div class='icon-stack'>
-                          <i class="base base-15 icon-stack-3x opacity-100 color-fusion-200"></i> <i class="base base-10 icon-stack-2x opacity-100 color-fusion-500"></i> <i class="fas fa-users icon-stack-1x opacity-100 color-white"></i>
-                        </div>
+                            <i class="base base-5 icon-stack-3x opacity-100 color-fusion-300"></i> <i class="base base-7 icon-stack-2x opacity-100 color-fusion-200"></i> <i class="fas fa-users icon-stack-2x opacity-100 color-white"></i>
+                          </div>
                         <span class="app-list-name">
                             人资
                           </span>