造价对比，样式

app/public/js/budget_compare.js

@@ -422,13 +422,19 @@ $(document).ready(() => {
         compareObj.setCompareType(type);
         SpreadJsObj.refreshColumnVisible(compareSheet);
     });
-    $('input[name=stackedBarCover]').change(function() {
+    $('a[name=stackedBarCover]').click(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; });
+        const checked = $('a[name=stackedBarCover]');
+        checked.each((i, x) => {
+            if (x.getAttribute('tag') === cover) {
+                $('i', x).addClass('text-primary').removeClass('text-white');
+            } else {
+                $('i', x).removeClass('text-primary').addClass('text-white');
+            }
+        });
     });
 });

app/view/budget/compare.ejs

@@ -82,16 +82,8 @@
                             <i class="fa fa-exchange"></i> 图表样式
                         </button>
                         <div class="dropdown-menu" aria-labelledby="dp-cover">
-                            <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>
+                            <a class="dropdown-item" name="stackedBarCover" tag="0" href="javascript: void(0);"><i class="fa fa-check text-primary"></i> 堆叠</a>
+                            <a class="dropdown-item" name="stackedBarCover" tag="1" href="javascript: void(0);"><i class="fa fa-check text-white"></i> 覆盖</a>
                         </div>
                     </div>
                 </div>