设置页调整

app/view/setting/fun.ejs

@@ -10,46 +10,56 @@
             <div class="sjs-height-0">
                 <div class="row m-0 mt-3">
                     <div class="col-6">
-                        <div class="form-group">
-                            <label>超计控制</label>
-                            <div>
-                                <div class="form-check form-check-inline">
-                                    <input class="form-check-input" type="checkbox" id="ban_over" name="ban_over" <% if (funRela.banOver) { %>checked<% } %> onchange="updateSetting();">
-                                    <label class="form-check-label" for="ban_over">超计时限制上报审批/审批通过</label>
-                                </div>
-                                <div class="form-check form-check-inline">
-                                    <input class="form-check-input" type="checkbox" id="hint_over" name="hint_over" <% if (funRela.hintOver) { %>checked<% } %> onchange="updateSetting();">
-                                    <label class="form-check-label" for="hint_over">超计时标红显示</label>
+                        <div class="card mb-3">
+                            <div class="card-body">
+                                <h5 class="card-title">超计控制</h5>
+                                <div class="form-group mb-4">
+                                    <div>
+                                        <div class="form-check form-check-inline">
+                                            <input class="form-check-input" type="checkbox" id="ban_over" name="ban_over" <% if (funRela.banOver) { %>checked<% } %> onchange="updateSetting();">
+                                            <label class="form-check-label" for="ban_over">超计时限制上报审批/审批通过</label>
+                                        </div>
+                                        <div class="form-check form-check-inline">
+                                            <input class="form-check-input" type="checkbox" id="hint_over" name="hint_over" <% if (funRela.hintOver) { %>checked<% } %> onchange="updateSetting();">
+                                            <label class="form-check-label" for="hint_over">超计时标红显示</label>
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                         </div>
-
-                        <div class="form-group">
-                            <label>中间计量模式设置</label>
-                            <div>
-                                <% for (const i in imType) { %>
-                                <div class="form-check form-check-inline">
-                                    <input class="form-check-input" type="radio" id="radio_<%- i %>" value="<%- imType[i].value %>" <% if (funRela.imType === imType[i].value) { %>checked<% } %> name="im_type" onchange="updateSetting();">
-                                    <label class="form-check-label" for="radio_<%- i %>" name="im_type"><%- imType[i].name %></label>
+                        <div class="card mb-3">
+                            <div class="card-body">
+                                <h5 class="card-title">中间计量模式设置</h5>
+                                <div class="form-group mb-4">
+                                    <div>
+                                        <% for (const i in imType) { %>
+                                            <div class="form-check form-check-inline">
+                                                <input class="form-check-input" type="radio" id="radio_<%- i %>" value="<%- imType[i].value %>" <% if (funRela.imType === imType[i].value) { %>checked<% } %> name="im_type" onchange="updateSetting();">
+                                                <label class="form-check-label" for="radio_<%- i %>" name="im_type"><%- imType[i].name %></label>
+                                            </div>
+                                        <% } %>
+                                    </div>
+                                    <div class="mt-3">
+                                        <label class="form-text alert alert-danger">切换模式，仅对未开始第一期计量的标段生效。</label>
+                                    </div>
                                 </div>
-                                <% } %>
-                            </div>
-                            <div>
-                                <label class="form-text text-danger">切换模式，仅对未开始第一期计量的标段生效。</label>
                             </div>
                         </div>
-
-                        <div class="form-group">
-                            <label>概算投资</label>
-                            <div>
-                                <div class="form-check form-check-inline">
-                                    <input class="form-check-input" type="checkbox" id="need_gcl" name="need_gcl" <% if (funRela.needGcl) { %>checked<% } %> onchange="updateSetting();">
-                                    <label class="form-check-label" for="need_gcl">显示清单信息</label>
+                        <div class="card mb-3">
+                            <div class="card-body">
+                                <h5 class="card-title">概算控制</h5>
+                                <div class="form-group mb-4">
+                                    <div>
+                                        <div class="form-check form-check-inline">
+                                            <input class="form-check-input" type="checkbox" id="need_gcl" name="need_gcl" <% if (funRela.needGcl) { %>checked<% } %> onchange="updateSetting();">
+                                            <label class="form-check-label" for="need_gcl">显示清单信息</label>
+                                        </div>
+                                    </div>
+                                    <div class="mt-3">
+                                        <label class="form-text alert alert-danger">做施工图三级清单预算时，请进行勾选。</label>
+                                    </div>
                                 </div>
                             </div>
-                            <div>
-                                <label class="form-text text-danger">做施工图三级清单预算时，请进行勾选。</label>
-                            </div>
                         </div>
                     </div>
                 </div>
@@ -70,4 +80,4 @@
             needGcl: $('#need_gcl')[0].checked,
         });
     }
-</script>
+</script>