人资内容补充

staff-commission-org.html

@@ -338,8 +338,8 @@
                     </div>
                   </div>
                   <div class="col-auto ml-auto">
-                    <a class="btn btn-sm btn-primary waves-effect waves-themed" href="#" data-toggle="modal" data-target="#">下载5月提成</a>
-                    <a class="btn btn-sm btn-primary waves-effect waves-themed" href="#" data-toggle="modal" data-target="#">完成本月提成</a>
+                    <a class="btn btn-sm btn-primary waves-effect waves-themed" href="#download-commission" data-toggle="modal" data-target="#download-commission">下载5月提成</a>
+                    <a class="btn btn-sm btn-primary waves-effect waves-themed" href="#leading-commission" data-toggle="modal" data-target="#leading-commission">完成本月提成</a>
                     <a class="btn btn-sm btn-secondary waves-effect waves-themed" href="#" data-toggle="modal" data-target="#">5月已完成</a>
                   </div>
                 </div>
@@ -372,7 +372,7 @@
                       <tbody>
                         <tr>
                           <td rowspan="2">纵横公路工程造价管理系统V9.0</td>
-                          <td rowspan="2"><a href="#" data-toggle="modal">广东XXXXX公司</a></td>
+                          <td rowspan="2"><a href="#detail" data-toggle="modal" data-target="#detail">广东XXXXX公司</a></td>
                           <td rowspan="2">20000.00</td>
                           <td>10000.00</td>
                           <td>1000.00</td>
@@ -409,7 +409,7 @@
                         </tr>
                         <tr>
                           <td>纵横公路工程造价管理系统V9.0</td>
-                          <td><a href="#" data-toggle="modal">广东YYYYYY公司</a></td>
+                          <td><a href="#detail" data-toggle="modal" data-target="#detail">广东YYYYYY公司</a></td>
                           <td>20000.00</td>
                           <td>20000.00</td>
                           <td>0</td>
@@ -429,7 +429,7 @@
                         </tr>
                         <tr>
                           <td>纵横公路工程造价管理系统V9.0</td>
-                          <td><a href="#" data-toggle="modal">广东ZZZZZZ公司</a></td>
+                          <td><a href="#detail" data-toggle="modal" data-target="#detail">广东ZZZZZZ公司</a></td>
                           <td>20000.00</td>
                           <td>20000.00</td>
                           <td>500</td>
@@ -448,7 +448,7 @@
                           <td>0</td>
                         </tr>
                         <tr>
-                          <td>培训班<a href="#" data-toggle="modal">广东某某某培训班</a></td>
+                          <td>培训班<a href="#detail2" data-toggle="modal" data-target="#detail2">广东某某某培训班</a></td>
                           <td></td>
                           <td></td>
                           <td>80000.00</td>
@@ -468,7 +468,7 @@
                           <td>0</td>
                         </tr>
                         <tr>
-                          <td>讲课费<a href="#" data-toggle="modal">广东某某某培训班</a></td>
+                          <td>讲课费<a href="#detail2" data-toggle="modal" data-target="#detail2">广东某某某培训班</a></td>
                           <td></td>
                           <td></td>
                           <td></td>
@@ -731,44 +731,19 @@
     <div class="modal-dialog modal-dialog-centered">
       <div class="modal-content">
         <div class="modal-header">
-          <h4 class="modal-title">完成本月社保</h4>
+          <h4 class="modal-title">完成本月提成</h4>
           <button type="button" class="close" data-dismiss="modal" aria-label="Close">
             <span aria-hidden="true"><i class="fal fa-times"></i></span>
           </button>
         </div>
         <div class="modal-body">
-          <table class="table table-bordered table-hover table-striped">
-            <thead>
-              <tr>
-                <th>办事处</th>
-                <th>完成状态</th>
-                <th>办事处</th>
-                <th>完成状态</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>广东办</td>
-                <td><span class="text-secondary">待完成</span></td>
-                <td>广西办</td>
-                <td><span class="text-success">已完成</span> <a class="text-danger" href="#">解锁</a></td>
-              </tr>
-              <tr>
-                <td>重庆办</td>
-                <td><span class="text-secondary">待完成</span></td>
-                <td>内蒙办</td><td><span class="text-secondary">待完成</span></td>
-              </tr>
-              <tr>
-                <td>新疆办</td>
-                <td><span class="text-secondary">待完成</span></td>
-                <td>江西办</td><td><span class="text-secondary">待完成</span></td>
-              </tr>
-            </tbody>
-          </table>
-          <p>所有办事处完成提成分配后，即可确认完成全公司的提成；</p>
-          <div class="alert alert-warning mb-0" role="alert">
+          <p>有未分配的提成金额(“计提金额”为红色),请确认完成本月需要分配的提成项，</p>
+          <p>本月未完成将顺延至下月。</p>
+          <p>确认完成本月提成数据，完成后即可为工资提供数据；</p>
+          <p>提交完成后，数据将锁定不可再修改，请确认后再提交。</p>
+          <!-- <div class="alert alert-warning mb-0" role="alert">
             提交完成后，不可再修改，请确认后再提交。
-          </div>
+          </div> -->
         </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary waves-effect waves-themed" data-dismiss="modal">关闭</button>
@@ -777,31 +752,113 @@
       </div>
     </div>
   </div>
-  <!--BEGIN 开始提成确认-->
-  <div class="modal fade" id="upload-commission" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
-    <div class="modal-dialog modal-dialog-centered">
-      <div class="modal-content">
+  <!--BEGIN 培训班结算结果-->
+  <div class="modal fade" id="detail2" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+    <div class="modal-dialog modal-lg">
+      <div class="modal-content clearfix">
         <div class="modal-header">
-          <h4 class="modal-title">开始6月提成</h4>
+          <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="alert alert-danger mb-0" role="alert">
-            确认开始新提成，上一个月的提成数据将彻底锁定，不可修改；</br>
-            请谨慎确认再操作。
-          </div>
+          <table class="table table-bordered table-hover table-striped">
+            <thead>
+              <tr>
+                <th colspan="2">项目</th>
+                <th>人数</th>
+                <th>单价</th>
+                <th>金额</th>
+                <th rowspan="2">占比</th>
+                <th>备注</th>
+              </tr>
+            </thead>
+            <tbody>
+                <tr>
+                  <th colspan="2">收入</th><td>0</td><td>0</td><td>0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th rowspan="15" width="20">支出明细</th><th>交通费</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th rowspan="2">讲课费</th><td colspan="2" class="text-secondary">外聘</td><td class="text-right">0<!--外聘--></td><td></td><td></td>
+                </tr>
+                <tr>
+                  <td colspan="2" class="text-secondary">员工</td><td class="text-right">0<!--员工--></td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th>住宿费</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th>场租费</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th rowspan="2">办公费</th><td colspan="2" class="text-secondary">办事处支出</td><td class="text-right">0<!--办事处支出--></td><td></td><td></td>
+                </tr>
+                <tr>
+                  <td colspan="2" class="text-secondary">公司支出</td><td class="text-right">0<!--公司支出--></td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th>电话费<!--新增--></th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th rowspan="2">邮寄费</th><td colspan="2" class="text-secondary">办事处支出</td><td class="text-right">0<!--办事处支出--></td><td></td><td></td>
+                </tr>
+                <tr>
+                  <td colspan="2" class="text-secondary">公司支出</td><td class="text-right">0<!--公司支出--></td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th>公关费</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th>其他</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th>税款</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th>研究中心经费</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th>小计</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th colspan="2">利润</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th colspan="2">备用金（预借）</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th colspan="2">公司收款</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th colspan="2">办事处收款</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th colspan="2">办事处实际支出</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th colspan="2">付总部款</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th colspan="2">公司利润</th><td colspan="3" class="text-right">0</td><td></td><td></td>
+                </tr>
+                <tr>
+                  <th colspan="2">办事处利润</th><td colspan="3" class="text-right">30000.00</td><td></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">确认开始6月提成</button>
+          <button type="button" class="btn btn-primary waves-effect waves-themed">确认</button>
         </div>
       </div>
     </div>
   </div>
-  <!--BEGIN 培训班结算结果-->
-  <div class="modal fade" id="detail2" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+  <!--BEGIN 单位金额详情结果-->
+  <div class="modal fade" id="detail" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
     <div class="modal-dialog modal-lg">
       <div class="modal-content clearfix">
         <div class="modal-header">
@@ -812,22 +869,115 @@
         </div>
         <div class="modal-body">
           <table class="table table-bordered table-hover table-striped">
-            <thead>
+            <tbody>
+              <tr><th class="text-center" colspan="2">本次销售计提金额</th></tr>
+              <tr><th>计提计算方式</th><td>计提金额={销售金额-费用报销(公关费)}x20%</td></tr>
+              <tr><th>计提金额</th><td><b>3900</b>=(20000-500)*20%</td></tr>
+            </tbody>
+          </table>
+          <table class="table table-bordered table-hover table-striped">
+            <tbody>
               <tr>
-                <th colspan="2">项目</th>
-                <th>人数</th>
-                <th>单价</th>
-                <th>金额</th>
-                <th rowspan="2">占比</th>
-                <th>备注</th>
+                <th class="text-center" colspan="4">开票详情</th>
               </tr>
-            </thead>
-            <tbody></tbody>
+              <tr>
+                <th>开票流水号</th><td>#F20160316001</td>
+                <th width="150">提交时间</th><td>2016-03-01 12:30:01</td>
+              </tr>
+              <tr>
+                <th width="150">所在办事处</th><td>广东办（刘飞）</td>
+                <th>开票内容</th><td>纵横公路工程造价管理系统V9.0</td>
+              </tr>
+              <tr>
+                <th width="150">发票备注</th><td colspan="3"></td>
+              </tr>
+              <tr>
+                <th width="150">数量</th><td><b>1</b></td>
+                <th>单价</th><td><b>￥20000.00</b></td>
+              </tr>
+              <tr>
+                <th>开票金额</th><td colspan="3"><b class="text-warning" style="font-size:18px">￥20000.00</b></td>
+              </tr>
+              <tr>
+                <th width="150">结算方式</th><td colspan="3">软件销售 <!-- 培训班（<a href="invoice-batch-detail.html" target="_blank">2018年4月18江西省公路工程造价高级应用培训-清单培训</a>） --></td>
+              </tr>
+              <tr>
+                <th class="text-center" colspan="4">增值税专用发票</th>
+              </tr>
+              <tr>
+                <th width="150">单位名称</th><td>珠海纵横创建软件有限公司</td>
+                <th width="150">纳税人识别码</th><td>1212123123123</td>
+
+              </tr>
+
+              <tr>
+                <th>注册地址</th><td>广东省珠海市香洲区银桦路8号24D</td>
+                <th>注册电话</th><td>0756-34324</td>
+              </tr>
+              <tr>
+                <th>开户银行</th><td>广发银行</td>
+                <th>银行账号</th><td>234324234</td>
+              </tr>
+              </tbody>
+          </table>
+          <table class="table table-bordered table-hover table-striped">
+            <tbody>
+              <tr>
+                <th class="text-center" colspan="4">收款详情</th>
+              </tr>
+              <tr>
+                <th>收款流水号</th><td>#SK20160316001</td>
+                <th>录入收款</th><td>张少珊 2015-04-12 11:30:02</td>
+              </tr>
+              <tr>
+                <th>收款金额</th><td><b>￥200000.00</b></td>
+                <th>收款信息</th><td>陈宇</td>
+              </tr>
+              <tr>
+                <th>收款银行</th><td>广发银行珠海分行柠溪支行</td>
+                <th>银行到帐</th><td>2016-04-11</td>
+              </tr>
+              <tr>
+                <th>认领收款</th><td colspan="3">张少珊 转入 陈特 2015-04-12 11:30:02</td>
+              </tr>
+              <tr>
+                <th>发票入账</th><td colspan="3">张少珊 入账 2015-04-12 11:30:02</td>
+              </tr>
+              </tbody>
+          </table>
+          <table class="table table-bordered table-hover table-striped">
+            <tbody>
+              <tr>
+                <th class="text-center" colspan="4">与发票绑定费用</th>
+              </tr>
+              <tr>
+                <th>费用单号</th><td>#B1402130405002</td>
+                <th>提交人</th><td>广东办-刘飞</td>
+              </tr>
+              <tr>
+                <th>费用所在办事处</th><td>广东办</td>
+                <th></th><td></td>
+              </tr>
+              <tr>
+                <th>费用说明</th><td colspan="3">销售软件公关费</td>
+              </tr>
+              <tr>
+                <th>费用合计</th><td colspan="3"><b>500.00</b></td>
+              </tr>
+              <tr>
+                <th class="text-center" colspan="4">费用明细</th>
+              </tr>
+              <tr>
+                <th>公关费</th><td>500.00</td>
+                <th></th><td></td>
+              </tr>
+              <tr>
+            </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-insurance.html

@@ -374,7 +374,7 @@
                       <tbody>
                         <tr>
                           <td>Z0001</td>
-                          <td><a href="#attendance-detail" data-toggle="modal" data-target="#attendance-detail">张三(异地点我)</a></td>
+                          <td><a href="#detail-yd" data-toggle="modal" data-target="#detail-yd">张三(异地点我)</a></td>
                           <td>12345678901</td>
                           <td>重庆</td>
                           <td>2017-05-30</td>
@@ -390,7 +390,7 @@
                         </tr>
                         <tr>
                           <td>Z0002</td>
-                          <td><a href="#attendance-detail" data-toggle="modal" data-target="#attendance-detail">王五(珠海点我)</a></td>
+                          <td><a href="#detail-zh" data-toggle="modal" data-target="#detail-zh">王五(珠海点我)</a></td>
                           <td>12345678901</td>
                           <td>总部/研究中心</td>
                           <td>2017-05-30</td>
@@ -406,7 +406,7 @@
                         </tr>
                         <tr>
                           <td>Z0003</td>
-                          <td><a href="#attendance-detail" data-toggle="modal" data-target="#attendance-detail">李四</a></td>
+                          <td><a href="#" data-toggle="modal" data-target="#">李四</a></td>
                           <td>12345678901</td>
                           <td>总部</td>
                           <td>2017-05-30</td>
@@ -422,7 +422,7 @@
                         </tr>
                         <tr>
                           <td>Z0004</td>
-                          <td><a href="#attendance-detail" data-toggle="modal" data-target="#attendance-detail">王五</a></td>
+                          <td><a href="#" data-toggle="modal" data-target="#">王五</a></td>
                           <td>12345678901</td>
                           <td>总部</td>
                           <td>2017-05-30</td>
@@ -655,128 +655,802 @@
           </div>
       </div>
   </div>
-  <!-- BEGIN 员工详情弹窗-->
-  <div class="modal fade" id="attendance-detail" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
-    <div class="modal-dialog modal-xl">
+  <!-- BEGIN 员工详情弹窗1-->
+  <div class="modal fade" id="detail-yd" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
+    <div class="modal-dialog modal-lg">
       <div class="modal-content">
-        <div class="dialog-sheet">
+        <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 class="sheet-box row m-0">
-            <div class="sheet-left-panel">
-              <div class="sheet-panel-header d-flex justify-content-between mx-4">
-                <div>
-                  <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="上一条记录" class="mr-2 disabled"><i class="far fa-chevron-up"></i></a>
-                  <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="下一条记录" class="mr-2"><i class="far fa-chevron-down"></i></a>
-                  <a href="#" data-toggle="tooltip" data-placement="top" title="" data-original-title="新页面打开"><i class="fal fa-external-link"></i></a>
-                </div>
-                <div>
+        </div>
+        <div 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"><span>Z0001</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">姓名</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>张三</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">办事处/部门</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox" data-toggle="dropdown" 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: 35px; left: 90px;" x-placement="bottom-start">
+                  <button class="dropdown-item">总部</button>
+                  <button class="dropdown-item">广东办</button>
                 </div>
               </div>
-              <div class="sheet-panel-content">
-                <div class="sheet-panel-form slimScroll1 mx-4">
-                  <div class="form-header mt-3">
-                    <div class="d-flex justify-content-between"><span class="text-muted">员工详情</span></div>
-                    <legend>张三</legend>
-                  </div>
-                  <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"><span>Z0001</span></div>
-                      </div>
-                    </div>
-                    <div class="cldform-item cldform-item-half pl-3">
-                      <div class="cldform-label">姓名</div>
-                      <div class="cldform-control">
-                        <div class="cldform-contarl-box cldform-contarl-textareabox"><span>张三</span></div>
-                      </div>
-                    </div>
-                    <div class="cldform-line"></div>
-                    <div class="cldform-item">
-                      <div class="cldform-label">办事处/部门</div>
-                      <div class="cldform-control">
-                        <div class="cldform-contarl-box cldform-contarl-textareabox" 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: 35px; left: 90px;" x-placement="bottom-start">
-                          <button class="dropdown-item">重庆</button>
-                          <button class="dropdown-item">总部</button>
-                        </div>
-                      </div>
-                    </div>
-                    <div class="cldform-line"></div>
-                    <div class="cldform-item">
-                      <div class="cldform-label">岗位</div>
-                      <div class="cldform-control">
-                        <div class="cldform-contarl-box cldform-contarl-textareabox"><span>销售</span></div>
-                      </div>
-                    </div>
-                    <div class="cldform-line"></div>
-                    <div class="cldform-item">
-                      <div class="cldform-label">入职日期</div>
-                      <div class="cldform-control">
-                        <div class="cldform-contarl-box cldform-contarl-textareabox"><span>2017-01-01</span></div>
-                      </div>
-                    </div>
-                    <div class="cldform-line"></div>
-                    <div class="cldform-item">
-                      <div class="cldform-label">考勤扣除基准</div>
-                      <div class="cldform-control">
-                        <div class="cldform-contarl-box cldform-contarl-textareabox" 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: 35px; left: 90px;" x-placement="bottom-start">
-                          <button class="dropdown-item">底薪</button>
-                          <button class="dropdown-item">总扣除</button>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">岗位</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox" 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: 35px; left: 90px;" x-placement="bottom-start">
+                  <button class="dropdown-item">开发员</button>
+                  <button class="dropdown-item">测试</button>
                 </div>
               </div>
             </div>
-            <div class="sheet-right-panel col p-0">
-              <div class="sheet-panel-tabs mx-4 mt-4">
-                <ul class="nav nav-tabs sheet-nav-tabs" role="tablist">
-                  <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab-authority" role="tab" aria-selected="false">#2018060811 电脑补助</a></li>
-                </ul>
-                <div class="tab-content">
-                  <div class="tab-pane fade active show sheet-panel-righttop" id="tab-authority" role="tabpanel" aria-labelledby="tab-authority">
-                    <div class="slimScrol3">
-                      <table class="table">
-                        <thead>
-                          <tr>
-                            <th class="border-0">期数</th>
-                            <th class="border-0">金额</th>
-                            <th class="border-0">发放日期</th>
-                          </tr>
-                        </thead>
-                        <tr>
-                          <td>1</td>
-                          <td>451.00</td>
-                          <td>2018-06-07</td>
-                        </tr>
-                      </table>
-                    </div>
-                  </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">入职时间</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>2017-01-01</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">离职时间</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox" style="height:36px;width:100%"></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">社保所在城市</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>重庆</span></div>
+                <!-- <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">3000</textarea> -->
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">户籍类型</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>本市城镇</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">身份证</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>440987654367485981</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">社保月份</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>2017-07-01</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">社保号</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label"></div>
+              <div class="cldform-control">
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4">社保明细</h4>
+            <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="必填项">3370</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">养老月小计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>909.9</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">养老单位比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.19</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">养老单位保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>640.30</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">养老个人比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.08</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">养老个人保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>269.60</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <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="必填项">3370</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">失业月小计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>33.70</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">失业单位比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.005</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">失业单位保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>16.85</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">失业个人比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.005</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">失业个人保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>16.85</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <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="必填项">3370</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">工伤月小计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>22.22</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">工伤单位比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.006</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">工伤单位保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>20.22</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">工伤个人比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.0</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">工伤个人保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0.0</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <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="必填项">3370</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">失业月小计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>16.85</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">失业单位比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.005</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">失业单位保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>16.85</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">失业个人比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.0</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">失业个人保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0.0</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <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="必填项">3370</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">医疗月小计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>375.70</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">医疗单位比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.09</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">医疗单位保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>303.30</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">医疗个人比例</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">0.02</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">医疗个人保险费</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>67.40</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label"></div>
+              <div class="cldform-control">
+              </div>
+            </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="必填项">0.0</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">
+              </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="必填项">5.0</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">
+              </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="必填项">5.0</textarea>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">社保单位比例小计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0.30</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">社保单位小计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>997.52</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">社保个人比例小计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>0.11</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">社保个人小计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>358.85</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label"></div>
+              <div class="cldform-control">
+              </div>
+            </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="必填项">0.0</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">
+              </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="必填项">80.00</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">
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">合计费用</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>1436.37</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4">公积金明细</h4>
+            <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="必填项">300</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">企业缴存</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>1300</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">公积金合计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>1600</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label"></div>
+              <div class="cldform-control">
+              </div>
+            </div>
+          </div>
+        </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>
+  </div>
+  <!-- BEGIN 员工详情弹窗-->
+  <div class="modal fade" id="detail-zh" 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"><span>Z0002</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">姓名</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>王五</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">办事处/部门</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox" data-toggle="dropdown" 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: 35px; left: 90px;" x-placement="bottom-start">
+                  <button class="dropdown-item">总部</button>
+                  <button class="dropdown-item">广东办</button>
                 </div>
-                <div class="sheet-btns mt-3"></div>
-              </div>
-              <div class="sheet-panel-record">
-                <ul class="nav nav-tabs nav-tabs-clean sheet-nav-tabs" role="tablist">
-                  <li class="nav-item ml-4"><a class="nav-link text-center active" data-toggle="tab" href="#tab-log" role="tab" aria-selected="true">日志</a></li>
-                </ul>
-                <div class="tab-content p-3">
-                  <div class="tab-pane fade active show sheet-panel-log" id="tab-log" role="tabpanel" aria-labelledby="tab-log">
-                    <div class="slimScrol4">
-                      <p><a href="#">@总部-温秀娟</a> 添加奖金 <br><span class="text-muted">2013年8月1日 14:55</span></p>
-                      </p>
-                    </div>
-                  </div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">岗位</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox" 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: 35px; left: 90px;" x-placement="bottom-start">
+                  <button class="dropdown-item">开发员</button>
+                  <button class="dropdown-item">测试</button>
                 </div>
               </div>
             </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">入职时间</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>2017-01-01</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">离职时间</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox" style="height:36px;width:100%"></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">社保所在城市</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>珠海</span></div>
+                <!-- <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">3000</textarea> -->
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">户籍类型</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>本市城镇</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">身份证</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>440987654367485981</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">社保月份</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>2017-07-01</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">社保号</div>
+              <div class="cldform-control">
+                <textarea class="cldform-contarl-textarea" style="height:36px;width:100%" placeholder="必填项">4409876</textarea>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label"></div>
+              <div class="cldform-control">
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4">社保明细</h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">基本养老保险</div>
+              <div class="cldform-control">
+              </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="必填项">2906.00</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="必填项">377.78</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="必填项">232.48</textarea>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">工伤保险</div>
+              <div class="cldform-control">
+              </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="必填项">2046.00</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="必填项">3.07</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="必填项">0.00</textarea>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">农民工失业保险</div>
+              <div class="cldform-control">
+              </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="必填项">0.00</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="必填项">0.00</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="必填项">0.00</textarea>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">城镇工失业保险</div>
+              <div class="cldform-control">
+              </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="必填项">2046.00</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="必填项">16.37</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="必填项">4.09</textarea>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">基本医疗保险</div>
+              <div class="cldform-control">
+              </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="必填项">3643.00</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="必填项">200.37</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="必填项">54.65</textarea>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">补充基本医疗保险</div>
+              <div class="cldform-control">
+              </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="必填项">0.00</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="必填项">0.00</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="必填项">0.00</textarea>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">生育保险</div>
+              <div class="cldform-control">
+              </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="必填项">3643.00</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="必填项">18.22</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="必填项">0.00</textarea>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4"></h4>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">单位合计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>615.81</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label">个人合计</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>291.22</span></div>
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <div class="cldform-item cldform-item-half pr-3">
+              <div class="cldform-label">应缴金额</div>
+              <div class="cldform-control">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>907.03</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label"></div>
+              <div class="cldform-control">
+              </div>
+            </div>
+            <div class="cldform-line"></div>
+            <h4 class="mt-4 mb-4">公积金明细</h4>
+            <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="必填项">300</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="必填项">1300</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">
+                <div class="cldform-contarl-box cldform-contarl-textareabox"><span>1600</span></div>
+              </div>
+            </div>
+            <div class="cldform-item cldform-item-half pl-3">
+              <div class="cldform-label"></div>
+              <div class="cldform-control">
+              </div>
+            </div>
           </div>
         </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>
   </div>