Jelajahi Sumber

中间计量表底部调整

Chente 7 tahun lalu
induk
melakukan
93815fa691
1 mengubah file dengan 70 tambahan dan 58 penghapusan
  1. 70 58
      jiliang-qi-detail-1.html

+ 70 - 58
jiliang-qi-detail-1.html

@@ -505,38 +505,56 @@
                         </table>
                       </div>
                       <div class="sjs-bottom">
-                        <div class="form-group">
-                          <label>变更令号:</label>
-                          <input class="form-control form-control-sm" type="text">
-                        </div>
-                        <div class="form-group">
-                          <label>部位:</label>
-                          <input class="form-control form-control-sm" type="text">
-                        </div>
-                        <div class="form-group">
-                          <label>起始桩号:</label>
-                          <input class="form-control form-control-sm" type="text">
-                        </div>
-                        <div class="form-group">
-                          <label>分部分项工程:</label>
-                          <input class="form-control form-control-sm" type="text">
-                        </div>
-                        <div class="form-group">
-                          <label>计量单元:</label>
-                          <input class="form-control form-control-sm" type="text">
-                        </div>
-                        <div class="form-group">
-                          <label>图号:</label>
-                          <input class="form-control form-control-sm" type="text">
-                        </div>
-                        <div class="form-group">
-                          <label>计算式说明:</label>
-                          <textarea class="form-control"></textarea>
-                        </div>
-                        <div class="form-group">
-                          <a href="#edit-img" data-toggle="modal" data-target="#edit-img"  class="pull-right">添加草图</a>
-                          <label>计算草图:</label>
-                          <p class="form-control"><img src="img/sketch/2.png" class="d-100"></p>
+                        <ul class="nav nav-tabs">
+                          <li class="nav-item">
+                            <a class="nav-link active" data-toggle="tab" href="#zj" role="tab" aria-selected="false">中间计量数据</a>
+                          </li>
+                          <li class="nav-item">
+                            <a class="nav-link" data-toggle="tab" href="#ct" role="tab" aria-selected="true">计算草图</a>
+                          </li>
+                        </ul>
+                        <div class="tab-content">
+                          <div class="tab-pane active" id="zj">
+                            <div class="sjs-bottom-2">
+                              <div class="form-group">
+                                <label>变更令号:</label>
+                                <input class="form-control form-control-sm" type="text">
+                              </div>
+                              <div class="form-group">
+                                <label>部位:</label>
+                                <input class="form-control form-control-sm" type="text">
+                              </div>
+                              <div class="form-group">
+                                <label>起始桩号:</label>
+                                <input class="form-control form-control-sm" type="text">
+                              </div>
+                              <div class="form-group">
+                                <label>分部分项工程:</label>
+                                <input class="form-control form-control-sm" type="text">
+                              </div>
+                              <div class="form-group">
+                                <label>计量单元:</label>
+                                <input class="form-control form-control-sm" type="text">
+                              </div>
+                              <div class="form-group">
+                                <label>图号:</label>
+                                <input class="form-control form-control-sm" type="text">
+                              </div>
+                              <div class="form-group">
+                                <label>计算式说明:</label>
+                                <textarea class="form-control"></textarea>
+                              </div>
+                            </div>
+                          </div>
+                          <div class="tab-pane" id="ct">
+                            <div class="sjs-bottom-2">
+                              <div class="form-group">
+                                <a href="#edit-img" data-toggle="modal" data-target="#edit-img"  class="pull-right">添加草图</a>
+                                <label>计算草图:</label>
+                                <p class="form-control"><img src="img/sketch/2.png" class="d-100"></p>
+                              </div>
+                            </div>
+                          </div>
                         </div>
                       </div>
                     </div>
@@ -782,39 +800,33 @@
               </div>
           </div>
       </div>
-      <!--添加中间计量-->
-      <div class="modal fade" id="addzj" data-backdrop="static">
-          <div class="modal-dialog" role="document">
+      <!--添加草图-->
+      <div class="modal fade" id="edit-img" data-backdrop="static">
+          <div class="modal-dialog modal-lgx" role="document">
               <div class="modal-content">
                   <div class="modal-header">
-                      <h5 class="modal-title">添加中间计量表</h5>
+                      <h5 class="modal-title">添加草图</h5>
                   </div>
                   <div class="modal-body">
-                    <div style="height:400px;overflow-y:auto">
-  		            <table class="table table-striped table-bordered table-condensed">
-  		              <thead><tr><th>编号</th><th>计量金额</th><th>计量月份</th><th>状态</th><th>选择</th></tr></thead>
-  		              <tbody>
-  		                <tr>
-  		                  <td>WWUJ-2-201710</td>
-  		                  <td>34234234.00</td>
-  		                  <td>201710</td>
-  		                  <td><span class="text-warning">审批中</span></td>
-  		                  <td><input type="checkbox"></td>
-  		                </tr>
-  		                <tr>
-  		                  <td>WWUJ-2-201710</td>
-  		                  <td>34234234.00</td>
-  		                  <td>201710</td>
-  		                  <td><span class="text-success">审批完成</span></td>
-  		                  <td><input type="checkbox"></td>
-  		                </tr>
-  		              </tbody>
-  		            </table>
-  		          </div>
+                    <p><a href="" class="btn btn-outline-primary btn-sm">上传图片</a></p>
+                    <div class="img-view">
+                      <div class="img-item">
+                        <div class="img-bar">
+                          <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
+                        </div>
+                        <img src="img/sketch/1.png" id="draggable">
+                      </div>
+                      <div class="img-item" style="left:300px;">
+                        <div class="img-bar">
+                          <a href="" class="text-danger" title="删除"><i class="fa fa-remove"></i></a>
+                        </div>
+                        <img src="img/sketch/2.png" id="draggable">
+                      </div>
+                    </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>
+                    <button type="button" class="btn btn-primary" >确认</button>
                   </div>
               </div>
           </div>