合同支付 功能增加

jiliang-qi-detail-2.html

@@ -147,15 +147,80 @@
                           </div>
                         </div>
                       </div>
-                      <div style="height:330px;overflow: hidden;">
+                      <div style="height:330px;overflow: auto;">
                         <table class="table table-bordered">
-                            <tr><th></th><th>名称</th><th>扣款</th><th>本期金额（表达式）</th><th>累计金额</th><th>起扣金额</th><th>付（扣）款限额</th></tr>
-                            <tr><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                            <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                            <tr><td>3</td><td>本期完成计量</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                            <tr><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                            <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                            <tr><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
+                            <tr><th></th><th>名称</th><th>扣款</th><th>本期金额（表达式）</th><th>累计金额</th><th>起扣金额</th><th>付（扣）款限额</th><th>附件</th><th>操作</th></tr>
+                            <tr><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
+                              <td>
+                                <div class="dropdown dropleft">
+                                  <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    操作
+                                  </button>
+                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                                    <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
+                                  </div>
+                                </div>
+                                </td>
+                            </tr>
+                            <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 3</a></td>
+                              <td>
+                                <div class="dropdown dropleft">
+                                  <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    操作
+                                  </button>
+                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                                    <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
+                                  </div>
+                                </div>
+                                </td>
+                            </tr>
+                            <tr><td>3</td><td>本期支付计量</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
+                              <td>
+                                <div class="dropdown dropleft">
+                                  <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    操作
+                                  </button>
+                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                                    <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
+                                  </div>
+                                </div>
+                                </td>
+                            </tr>
+                            <!--被停用了-->
+                            <tr class="table-danger"><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
+                              <td>
+                                <a class="btn btn-sm btn-success" href="#">启用</a>
+                                </td>
+                            </tr>
+                            <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 0</a></td>
+                              <td>
+                                <div class="dropdown dropleft">
+                                  <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    操作
+                                  </button>
+                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                                    <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
+                                    <a class="dropdown-item" href="#op3">不参与本期应付计算</a>
+                                    <a class="dropdown-item" href="#op4">停用</a>
+                                  </div>
+                                </div>
+                                </td>
+                            </tr>
+                            <!--不参与本期应付计算-->
+                            <tr class="table-secondary"><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td><td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 1</a></td>
+                              <td>
+                                <div class="dropdown dropleft">
+                                  <button class="btn btn-sm btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    操作
+                                  </button>
+                                  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                                    <a class="dropdown-item" href="#op2" data-toggle="modal" data-target="#op2">设置计提期限</a>
+                                    <a class="dropdown-item" href="#op3">加入本期应付计算</a>
+                                    <a class="dropdown-item" href="#op4">停用</a>
+                                  </div>
+                                </div>
+                                </td>
+                            </tr>
                         </table>
                       </div>
                     </div>
@@ -168,7 +233,8 @@
                           <tr><td>2</td><td>签约开工预付款</td><td>kgyfk</td></tr>
                           <tr><td>3</td><td>签约材料预付款</td><td>clyfk</td></tr>
                           <tr><td>4</td><td>本期完成计量</td><td>bqwc</td></tr>
-                          <tr><td>5</td><td>100章本期完成计量</td><td>ybbqwc</td></tr>
+                          <tr><td>5</td><td>本期支付计量</td><td>bqzf</td></tr>
+                          <tr><td>6</td><td>100章本期完成计量</td><td>ybbqwc</td></tr>
                       </table>
                     </div>
                     </div>
@@ -501,7 +567,101 @@
                   </div>
               </div>
           </div>
-      </div>      
+      </div>
+      <!--设置计提期限-->
+      <div class="modal fade" id="op2" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                      <h5 class="modal-title">设置计提期限</h5>
+                  </div>
+                  <div class="modal-body">
+                    <p>请设置付（扣）款项 <b>本期应付</b> 的计提期限</p>
+                    <div class="form-group">
+                      <label for="formGroupExampleInput">限制模式为：</label>
+                      <div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
+                          <label class="form-check-label" for="inlineRadio1">无</label>
+                        </div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
+                          <label class="form-check-label" for="inlineRadio2">计量期数</label>
+                        </div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">
+                          <label class="form-check-label" for="inlineRadio3">计量金额</label>
+                        </div>
+                      </div>
+                    </div>
+                    <!--计量期数模式-->
+                    <div class="form-group">
+                      <label>限制期数</label>
+                      <input class="form-control" type="number">
+                    </div>
+                    <!--计量金额模式-->
+                    <div class="form-group">
+                      <label for="formGroupExampleInput"></label>
+                      <div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="radio" name="iROptions" id="ilRadio1" value="option1">
+                          <label class="form-check-label" for="ilRadio1">累计完成计量金额</label>
+                        </div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="radio" name="iROptions" id="ilRadio2" value="option2">
+                          <label class="form-check-label" for="ilRadio2">累计合同计量金额</label>
+                        </div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="radio" name="iROptions" id="ilRadio3" value="option3">
+                          <label class="form-check-label" for="ilRadio3">累计变更计量金额</label>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="form-group">
+                      <label>限制金额</label>
+                      <input class="form-control" type="number">
+                    </div>
+                    <!--公用提示-->
+                    <p>设置为：</p>
+                    <p class="pl-3 text-danger">当 累计完成计量金额 >= 50000.00 时</p>
+                    <p class="pl-3">当期金额直接计量至（扣款限额 - 截止上期金额）</p>
+                  </div>
+                  <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                    <button type="button" class="btn btn-primary" >确定</button>
+                  </div>
+              </div>
+          </div>
+      </div>
+      <!--附件-->
+      <div class="modal fade" id="file" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                      <h5 class="modal-title">附件</h5>
+                  </div>
+                  <div class="modal-body">
+                    <div class="form-group">
+                      <label for="formGroupExampleInput">大小限制：10MB，支持<span data-toggle="tooltip" data-placement="bottom" title="doc,docx,xls,xlsx,ppt,pptx">office文件格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="jpg,png,bmp">图片格式</span>、<span data-toggle="tooltip" data-placement="bottom" title="rar,zip">压缩包格式</span></label>
+                      <input type="file" class="form-control">
+                    </div>
+                    <div class="modal-height-500">
+                      <table class="table table-sm table-bordered">
+                        <thead>
+                          <tr><th>文件名</th><th>上传人</th><th>上传时间</th><th>操作</th></tr>
+                        </thead>
+                        <tr><td>XXXX.jpg</td><td>张三</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a> <a class="text-danger" href="#" target="_blank" title="删除"><i class="fa fa-remove "></i></a></td></tr>
+                        <tr><td>YYYY.jpg</td><td>李四</td><td>2018-01-01</td><td><a href="#" target="_blank" title="下载"><i class="fa fa-download "></i></a></td></tr>
+                      </table>
+                    </div>
+                  </div>
+                  <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                    <button type="button" class="btn btn-primary" >确定</button>
+                  </div>
+              </div>
+          </div>
+      </div>
     <!-- JS. -->
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
     <script src="js/popper/popper.min.js"></script>