浏览代码

支付审批增加下拉搜索

ellisran 1 周之前
父节点
当前提交
ac9e20e75a
共有 1 个文件被更改,包括 49 次插入0 次删除
  1. 49 0
      app/view/financial/pay_modal.ejs

+ 49 - 0
app/view/financial/pay_modal.ejs

@@ -8,6 +8,42 @@
                 <h5 class="modal-title">申请支付</h5>
             </div>
             <div class="modal-body">
+                <style>
+                    .select2-container {
+                        /*display: inline-block!important;*/
+                        /*height: 27px;*/
+                        width: 100% !important;
+                    }
+                    .select2-container--bootstrap4 .select2-selection--single {
+                        height: calc(1.1em + .75rem + 2px) !important;
+                    }
+                    /*.select2-container--bootstrap4 .select2-selection {*/
+                    /*    background-color: #f8f9fa;*/
+                    /*    !*border-color: #f8f9fa;*!*/
+                    /*    border: 1px solid #f8f9fa;*/
+                    /*}*/
+                    /*.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered:focus{*/
+                    /*    box-shadow: 0 0 0 0.2rem rgba(216,217,219,.5);*/
+                    /*}*/
+                    /*.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered:hover {*/
+                    /*    background-color: #e2e6ea;*/
+                    /*    border-color: #dae0e5;*/
+                    /*}*/
+                    .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
+                        line-height: calc(1.1em + .75rem);
+                        /*color: #007bff!important;*/
+                        border-radius: 0.2rem;
+                        /*background-color: #f8f9fa;*/
+                        /*border-color: #f8f9fa;*/
+                    }
+                    .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
+                        border-color: #007bff transparent transparent transparent;
+                        border-width: 4px 3.7px 0;
+                    }
+                    .select2-search--dropdown .select2-search__field {
+                        padding: 0.175rem 0.5rem;
+                    }
+                </style>
                 <div class="form-group mb-2">
                     <label>支付标段<strong class="text-danger">*</strong></label>
                     <select class="form-control form-control-sm" id="add-pay-tender">
@@ -39,6 +75,19 @@
         </div>
     </div>
 </div>
+<link href="/public/css/bootstrap/select2.min.css" rel="stylesheet" />
+<link rel="stylesheet" href="/public/css/bootstrap/select2-bootstrap4.min.css">
+<script src="/public/js/bootstrap/select2.min.js"></script>
+<script>
+    $(function () {
+        $('#add-pay-tender').select2({
+            language: 'zh-CN',
+            theme: 'bootstrap4',
+            selectOnClose: true,
+            // width: '150',
+        });
+    });
+</script>
 <% } %>
 <!--批量审批-->
 <div class="modal fade" id="batch-sp" data-backdrop="static">