定额库 工作内容 编码 选择及编辑 编码以列表形式展示

css/main.css

@@ -273,3 +273,7 @@ body {
 .main-data-top,.main-data-bottom,.main-data{
   overflow: auto;
 }
+.modal-fixed-height {
+    height:400px;
+    overflow-y:auto;
+}

dinge.html

@@ -421,47 +421,27 @@
                     <span aria-hidden="true">×</span>
                   </button>
                 </div>
-                <div class="modal-body">
-                  <form>
-                    <div class="form-group">
-                      <label>编码</label>
-                      <div class="form-control">
-                        <div class="row code">
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked> AA0017
-                            </label>
-                          </div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked> AA0018
-                            </label>
-                          </div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked> AA0019
-                            </label>
-                          </div>
-                          <div class="w-100"></div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked> AA0020
-                            </label>
-                          </div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked> AA0021
-                            </label>
-                          </div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked> AA0022
-                            </label>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </form>
+                <div class="modal-body modal-fixed-height">
+                  <table class="table table-striped table-sm">
+                    <thead><tr><th>编码</th><th width="70">选择</th></tr></thead>
+                    <tbody>
+                      <tr><td>AA0017</td><td><input type="checkbox" checked></td></tr>
+                      <tr><td>AA0018</td><td><input type="checkbox" ></td></tr>
+                      <tr><td>AA0019</td><td><input type="checkbox" ></td></tr>
+                      <tr><td>AA0020</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0021</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0022</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0023</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0024</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0025</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0026</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0027</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0028</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0029</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0030</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0031</td><td><input type="checkbox" disabled></td></tr>
+                    </tbody>
+                  </table>
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
@@ -480,47 +460,27 @@
                     <span aria-hidden="true">×</span>
                   </button>
                 </div>
-                <div class="modal-body">
-                  <form>
-                    <div class="form-group">
-                      <label>编码</label>
-                      <div class="form-control">
-                        <div class="row code">
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked> AA0017
-                            </label>
-                          </div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked> AA0018
-                            </label>
-                          </div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked> AA0019
-                            </label>
-                          </div>
-                          <div class="w-100"></div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" disabled> AA0020
-                            </label>
-                          </div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" disabled> AA0021
-                            </label>
-                          </div>
-                          <div class="col">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" disabled> AA0022
-                            </label>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </form>
+                <div class="modal-body modal-fixed-height">
+                  <table class="table table-striped table-sm">
+                    <thead><tr><th>编码</th><th width="70">选择</th></tr></thead>
+                    <tbody>
+                      <tr><td>AA0017</td><td><input type="checkbox" checked></td></tr>
+                      <tr><td>AA0018</td><td><input type="checkbox" ></td></tr>
+                      <tr><td>AA0019</td><td><input type="checkbox" ></td></tr>
+                      <tr><td>AA0020</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0021</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0022</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0023</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0024</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0025</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0026</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0027</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0028</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0029</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0030</td><td><input type="checkbox" disabled></td></tr>
+                      <tr><td>AA0031</td><td><input type="checkbox" disabled></td></tr>
+                    </tbody>
+                  </table>
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>