报表增加选择项目窗口

baobiao.html

@@ -104,6 +104,7 @@
                     <button class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#editForm"><i class="fa fa-cog"></i> 管理报表</button>
                   </div>
                     <div class="form-list">
+                      <a href="#cpoj" data-toggle="modal" data-target="#cpoj">选择项目窗口</a>
                       <ul id="treeDemo" class="ztree"></ul>
                     </div>
                   </div>
@@ -575,6 +576,83 @@
               </div>
           </div>
       </div>
+      <!--弹出导出-->
+      <div class="modal fade" id="cpoj" 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="modal-auto-height">
+                      <ul class="list-group">
+                        <li class="list-group-item list-group-item-primary">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck1" checked="">
+                            <label class="form-check-label" for="pojCheck1">项目1</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item list-group-item-primary">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck2" checked="">
+                            <label class="form-check-label" for="pojCheck2">项目2</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck3">
+                            <label class="form-check-label" for="pojCheck3">项目3</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item list-group-item-primary">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck4" checked="">
+                            <label class="form-check-label" for="pojCheck4">项目4</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck5">
+                            <label class="form-check-label" for="pojCheck5">项目5</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck6">
+                            <label class="form-check-label" for="pojCheck6">项目6</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck7">
+                            <label class="form-check-label" for="pojCheck7">项目7</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck8">
+                            <label class="form-check-label" for="pojCheck8">项目8</label>
+                          </div>
+                        </li>
+                        <li class="list-group-item">
+                          <div class="form-group form-check m-0">
+                            <input type="checkbox" class="form-check-input" id="pojCheck9">
+                            <label class="form-check-label" for="pojCheck9">项目9</label>
+                          </div>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                  <div class="modal-footer">
+                      <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                      <a href="" class="btn btn-primary">确定</a>
+                  </div>
+              </div>
+          </div>
+      </div>
     <!-- JS. -->
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
     <script src="js/popper/popper.min.js"></script>

css/main.css

@@ -36,6 +36,9 @@ a{
 .modal-footer{
   padding:.8rem 1rem;
 }
+.form-check .form-check-label,.form-radio .form-check-label{
+  cursor: pointer;
+}
 /*自定义css*/
 .login-body,.login-html{
   height:100%;