Przeglądaj źródła

新增组成物选择弹窗

Chente 7 lat temu
rodzic
commit
9a9615ba42
1 zmienionych plików z 25 dodań i 286 usunięć
  1. 25 286
      tools-gongliaoji.html

+ 25 - 286
tools-gongliaoji.html

@@ -172,8 +172,8 @@
                          <tr><td>3</td><td></td><td></td><td></td><td></td><td></td></tr>
                          <tr><td>4</td><td></td><td></td><td></td><td></td><td></td></tr>
                        </tbody>
-                     </table>
-                     <table class="table table-sm table-bordered m-0">
+                   </table>
+                   <table class="table table-sm table-bordered m-0">
                        <thead>
                          <tr><th></th><th>编码</th><th>名称</th><th>计量单位</th><th>单价</th><th>消耗量</th></tr>
                        </thead>
@@ -183,8 +183,8 @@
                          <tr><td>3</td><td></td><td></td><td></td><td></td><td></td></tr>
                          <tr><td>4</td><td></td><td></td><td></td><td></td><td></td></tr>
                        </tbody>
-                     </table>
-                     <table class="table table-sm table-bordered m-0">
+                   </table>
+                   <table class="table table-sm table-bordered m-0">
                        <thead>
                          <tr><th></th><th>编码</th><th>名称</th><th>计量单位</th><th>单价</th><th>消耗量</th></tr>
                        </thead>
@@ -194,309 +194,48 @@
                          <tr><td>3</td><td></td><td></td><td></td><td></td><td></td></tr>
                          <tr><td>4</td><td></td><td></td><td></td><td></td><td></td></tr>
                        </tbody>
-                     </table>
+                   </table>
+                   <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#zuchengwu">组成物 窗口</a>
                 </div>
               </div>
             </div>
         </div>
       </div>
-      <!--管理报表-->
-      <div class="modal fade" id="editForm" data-backdrop="static">
+      <!--弹出组成物-->
+      <div class="modal fade" id="zuchengwu" data-backdrop="static">
           <div class="modal-dialog modal-lg" role="document">
               <div class="modal-content">
                   <div class="modal-header">
-                  <h5 class="modal-title">管理报表</h5>
+                    <h5 class="modal-title">内容</h5>
                       <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                         <span aria-hidden="true">&times;</span>
                       </button>
                   </div>
                   <div class="modal-body">
                     <div class="row">
-                      <div class="col-6">
-                        <h6>我的报表</h6>
-                        <div class="d-flex justify-content-center">
-                            <button class="btn btn-secondary btn-sm" type="button">
-                              <i class="fa fa-share"></i>
-                              移除 <span id="checkCount2" class="badge badge-primary">0</span>
-                            </button>
+                      <div class="col-4">
+                        <div class="modal-auto-height">
+                          1
                         </div>
-                        <ul id="treeDemo2" class="ztree"></ul>
                       </div>
-                      <div class="col-6">
-                        <h6>报表库</h6>
-                        <div class="d-flex justify-content-center">
-                            <button class="btn btn-secondary btn-sm" type="button">
-                              <i class="fa fa-reply"></i>
-                              添加 <span id="checkCount2" class="badge badge-primary">0</span>
-                            </button>
+                      <div class="col-8">
+                        <div class="modal-auto-height">
+                          <table class="table table-sm table-bordered m-0">
+                              <thead>
+                                <tr><th></th><th>编码</th><th>名称</th><th>规格型号</th><th>计量单位</th><th>单价</th><th>类型</th></tr>
+                              </thead>
+                              <tbody>
+                                <tr><td>1</td><td></td><td></td><td></td><td></td><td></td></tr>
+                                <tr><td>2</td><td></td><td></td><td></td><td></td><td></td></tr>
+                                <tr><td>3</td><td></td><td></td><td></td><td></td><td></td></tr>
+                                <tr><td>4</td><td></td><td></td><td></td><td></td><td></td></tr>
+                              </tbody>
+                          </table>
                         </div>
-                        <ul id="treeDemo3" class="ztree"></ul>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="modal-footer">
-                      <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
-                  </div>
-              </div>
-          </div>
-      </div>
-      <!--弹出纸张-->
-      <div class="modal fade" id="paper" data-backdrop="static">
-          <div class="modal-dialog" role="document">
-              <div class="modal-content">
-                  <div class="modal-header">
-                    <h5 class="modal-title">纸张</h5>
-                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                      </button>
-                  </div>
-                  <div class="modal-body">
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        纸张大小
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>A4</option><option>A3</option></select>
-                      </div>
-                      <div class="col-3">
-                        纸张方向
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>纵向</option><option>横向</option></select>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        缩放比例
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>100%</option></select>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        页边距
-                      </div>
-                      <div class="form-group col-md-2">
-                       <label class="col-form-label">上</label>
-                       <input type="number" class="form-control form-control-sm" value="12">
-                      </div>
-                      <div class="form-group col-md-2">
-                       <label class="col-form-label">下</label>
-                       <input type="number" class="form-control form-control-sm" value="12">
-                      </div>
-                      <div class="form-group col-md-2">
-                       <label class="col-form-label">左</label>
-                       <input type="number" class="form-control form-control-sm" value="12">
-                      </div>
-                      <div class="form-group col-md-2">
-                       <label class="col-form-label">右</label>
-                       <input type="number" class="form-control form-control-sm" value="12">
                       </div>
                     </div>
                   </div>
                   <div class="modal-footer">
-                      <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
-                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
-                      <a href="" class="btn btn-primary">确定</a>
-                  </div>
-              </div>
-          </div>
-      </div>
-      <!--弹出格式-->
-      <div class="modal fade" id="format" data-backdrop="static">
-          <div class="modal-dialog" role="document">
-              <div class="modal-content">
-                  <div class="modal-header">
-                    <h5 class="modal-title">格式</h5>
-                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                      </button>
-                  </div>
-                  <div class="modal-body">
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        表标题
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>宋体</option></select>
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>20</option></select>
-                      </div>
-                      <div class="col-3">
-                        <a href="" class="btn btn-sm btn-secondary" title="加粗"><i class="fa fa-bold"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="斜体"><i class="fa fa-italic"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="下划线"><i class="fa fa-underline"></i></a>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        表栏头
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>宋体</option></select>
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>20</option></select>
-                      </div>
-                      <div class="col-3">
-                        <a href="" class="btn btn-sm btn-secondary active" title="加粗"><i class="fa fa-bold"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="斜体"><i class="fa fa-italic"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="下划线"><i class="fa fa-underline"></i></a>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        表正文
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>宋体</option></select>
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>20</option></select>
-                      </div>
-                      <div class="col-3">
-                        <a href="" class="btn btn-sm btn-secondary" title="加粗"><i class="fa fa-bold"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary active" title="斜体"><i class="fa fa-italic"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="下划线"><i class="fa fa-underline"></i></a>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        表合计
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>宋体</option></select>
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>20</option></select>
-                      </div>
-                      <div class="col-3">
-                        <a href="" class="btn btn-sm btn-secondary" title="加粗"><i class="fa fa-bold"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="斜体"><i class="fa fa-italic"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary active" title="下划线"><i class="fa fa-underline"></i></a>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        表眉表脚
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>宋体</option></select>
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>20</option></select>
-                      </div>
-                      <div class="col-3">
-                        <a href="" class="btn btn-sm btn-secondary" title="加粗"><i class="fa fa-bold"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="斜体"><i class="fa fa-italic"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="下划线"><i class="fa fa-underline"></i></a>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        页眉页脚
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>宋体</option></select>
-                      </div>
-                      <div class="col-3">
-                        <select class="form-control form-control-sm"><option>20</option></select>
-                      </div>
-                      <div class="col-3">
-                        <a href="" class="btn btn-sm btn-secondary" title="加粗"><i class="fa fa-bold"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="斜体"><i class="fa fa-italic"></i></a>
-                        <a href="" class="btn btn-sm btn-secondary" title="下划线"><i class="fa fa-underline"></i></a>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        表格线粗
-                      </div>
-                      <div class="col-4">
-                        <select class="form-control form-control-sm"><option>1</option></select>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-3">
-                        边框线粗
-                      </div>
-                      <div class="col-4">
-                        <select class="form-control form-control-sm"><option>1</option></select>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-4">
-                        <label class="form-check-label">
-                          <input type="checkbox" class="form-check-input">
-                          报表边框横线
-                        </label>
-                      </div>
-                      <div class="col-4">
-                        <label class="form-check-label">
-                          <input type="checkbox" class="form-check-input">
-                          报表边框竖线
-                        </label>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-4">
-                        <label class="form-check-label">
-                          <input type="checkbox" class="form-check-input">
-                          报表表格横线
-                        </label>
-                      </div>
-                      <div class="col-4">
-                        <label class="form-check-label">
-                          <input type="checkbox" class="form-check-input">
-                          报表表格竖线
-                        </label>
-                      </div>
-                    </div>
-                    <div class="row mb-1">
-                      <div class="col-4">
-                        <label class="form-check-label">
-                          <input type="checkbox" class="form-check-input">
-                          自动换行打印
-                        </label>
-                      </div>
-                      <div class="col-4">
-                        <label class="form-check-label">
-                          <input type="checkbox" class="form-check-input">
-                          内容窄体输出
-                        </label>
-                      </div>
-                      <div class="col-4">
-                        <label class="form-check-label">
-                          <input type="checkbox" class="form-check-input">
-                          小数补0
-                        </label>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="modal-footer">
-                      <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
-                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
-                      <a href="" class="btn btn-primary">确定</a>
-                  </div>
-              </div>
-          </div>
-      </div>
-      <!--弹出内容-->
-      <div class="modal fade" id="content" data-backdrop="static">
-          <div class="modal-dialog" role="document">
-              <div class="modal-content">
-                  <div class="modal-header">
-                    <h5 class="modal-title">内容</h5>
-                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                        <span aria-hidden="true">&times;</span>
-                      </button>
-                  </div>
-                  <div class="modal-body">
-                  </div>
-                  <div class="modal-footer">
-                      <button type="button" class="btn btn-link float-left" data-dismiss="modal">恢复默认值</button>
                       <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                       <a href="" class="btn btn-primary">确定</a>
                   </div>