造价对比

app/public/js/budget_compare.js

@@ -422,8 +422,13 @@ $(document).ready(() => {
         compareObj.setCompareType(type);
         SpreadJsObj.refreshColumnVisible(compareSheet);
     });
-    $('a[name=stackedBarCover]').click(function() {
+    $('input[name=stackedBarCover]').change(function() {
         const cover = this.getAttribute('tag');
         compareObj.setStackedBarCover(cover);
-    })
+    });
+    $('#dp-cover').click(function() {
+        const cover = compareObj.stackedBarCover;
+        const checked = $('[name=stackedBarCover]');
+        checked.each((i, x) => { x.checked = x.getAttribute('tag') === cover; });
+    });
 });

app/view/budget/compare.ejs

@@ -82,8 +82,16 @@
                             <i class="fa fa-exchange"></i> 图表样式
                         </button>
                         <div class="dropdown-menu" aria-labelledby="dp-cover">
-                            <a class="dropdown-item" name="stackedBarCover" tag="0" href="javascript: void(0);">堆叠</a>
-                            <a class="dropdown-item" name="stackedBarCover" tag="1" href="javascript: void(0);">覆盖</a>
+                            <div class="px-3">
+                                <div class="form-check py-1">
+                                    <input class="form-check-input" name="stackedBarCover" type="checkbox" tag="0" id="stackedBarCover0">
+                                    <label class="form-check-label" for="stackedBarCover0">堆叠</label>
+                                </div>
+                                <div class="form-check py-1">
+                                    <input class="form-check-input" name="stackedBarCover" type="checkbox" tag="1" id="stackedBarCover1">
+                                    <label class="form-check-label" for="stackedBarCover1">覆盖</label>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>