福利奖金和附加收支项

staff-affixation.html

@@ -354,7 +354,7 @@
                           <td>电脑补助</td>
                           <td>员工收入</td>
                           <td>￥5412.00</td>
-                          <td><a href="#" data-toggle="modal" data-target="#">≈￥451.00/12期（点我）</a></td>
+                          <td><a href="#plane-detail" data-toggle="modal" data-target="#plane-detail">≈￥451.00/12期（点我）</a></td>
                           <td>1</td>
                           <td>总部-张三</td>
                           <td>￥451.00</td>
@@ -544,84 +544,96 @@
           </div>
       </div>
   </div>
-  <!--BEGIN 添加 新联系人-->
-  <div class="modal fade" id="add-welfare" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+  <!--BEGIN 分期计划详情-->
+  <div class="modal fade" id="plane-detail" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
     <div class="modal-dialog modal-lg">
       <div class="modal-content">
         <div class="modal-header">
           <h4 class="modal-title">
-            添加福利
+            分期计划
           </h4>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true"><i class="fal fa-times"></i></span>
           </button>
         </div>
         <div class="modal-body">
-          <div class="cldform clearfix">
-            <div class="cldform-line"></div>
-            <div class="cldform-item cldform-item-half pr-3">
-              <div class="cldform-label">类型</div>
-              <div class="cldform-control">
-                <div class="cldform-contarl-box cldform-contarl-textareabox" data-toggle="dropdown" aria-expanded="false"><span class="cldform-contarl-dropdown">辛苦费<i class="far fa-angle-down mt-1"></i></span></div>
-                <div class="dropdown-menu" style="width: 220px; position: absolute; will-change: top, left; top: 5px; left: 0px;" x-placement="bottom-start" x-out-of-boundaries="">
-                  <button class="dropdown-item">辛苦费</button>
-                  <button class="dropdown-item">其他</button>
-                </div>
-              </div>
-            </div>
-            <div class="cldform-item cldform-item-half pl-3">
-              <div class="cldform-label">名称</div>
-              <div class="cldform-control">
-                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项"></textarea>
-              </div>
-            </div>
-            <div class="cldform-line"></div>
-            <div class="cldform-item cldform-item-half pr-3">
-              <div class="cldform-label">每人发放金额</div>
-              <div class="cldform-control">
-                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项"></textarea>
-              </div>
-            </div>
-            <div class="cldform-item cldform-item-half pl-3">
-              <div class="cldform-label">发放基数</div>
-              <div class="cldform-control">
-                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项"></textarea>
-              </div>
-            </div>
-            <div class="cldform-line"></div>
-            <div class="cldform-item cldform-item-half pr-3">
-              <div class="cldform-label">备注</div>
-              <div class="cldform-control">
-                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项"></textarea>
-              </div>
-            </div>
-            <div class="cldform-item cldform-item-half pl-3">
-              <div class="cldform-label">发放办事处</div>
-              <div class="cldform-control">
-                <textarea class="cldform-contarl-textarea " data-toggle="dropdown" style="height:36px;width:100%" placeholder="输入新部门" aria-expanded="true"></textarea>
-                <div class="dropdown-menu" style="width: 320px; position: absolute; top: 36px; left: 90px; will-change: top, left;" x-placement="bottom-start">
-                  <div class="row m-3">
-                    <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
-                      <input type="checkbox" class="custom-control-input" id="department1" name="departmentradio">
-                      <label class="custom-control-label" for="department1">部门1</label>
-                    </div>
-                    <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
-                      <input type="checkbox" class="custom-control-input" id="department2" name="departmentradio">
-                      <label class="custom-control-label" for="department2">部门2</label>
-                    </div>
-                    <div class="custom-control custom-checkbox custom-control-inline col-4 mr-0 mb-1">
-                      <input type="checkbox" class="custom-control-input" id="department3" name="departmentradio">
-                      <label class="custom-control-label" for="department3">部门3</label>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
+          <table class="table table-bordered table-hover table-striped">
+            <thead>
+              <tr>
+                <th colspan="3" class="text-center">#2018060811 电脑补助</th>
+              </tr>
+              <tr>
+                <th>期</th>
+                <th>金额</th>
+                <th>发放日期</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>1</td>
+                <td>451.00</td>
+                <td>2018-06-07</td>
+              </tr>
+              <tr>
+                <td>2</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>3</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>4</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>5</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>6</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>7</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>8</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>9</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>10</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>11</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+              <tr>
+                <td>12</td>
+                <td>451.00</td>
+                <td></td>
+              </tr>
+            </tbody>
+          </table>
         </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
-          <button type="button" class="btn btn-primary waves-effect waves-themed">确认添加</button>
         </div>
       </div>
     </div>

staff-welfare.html

@@ -493,7 +493,7 @@
           </div>
       </div>
   </div>
-  <!--BEGIN 添加 新联系人-->
+  <!--BEGIN 添加 福利-->
   <div class="modal fade" id="add-welfare" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
     <div class="modal-dialog modal-lg">
       <div class="modal-content">