瀏覽代碼

feat: 数据后台,配置定额库弹窗,应提供搜索功能。

zhangweicheng 4 月之前
父節點
當前提交
7a5737f61e
共有 2 個文件被更改,包括 15 次插入0 次删除
  1. 14 0
      web/users/js/compilation.js
  2. 1 0
      web/users/views/compilation/modal.html

+ 14 - 0
web/users/js/compilation.js

@@ -173,6 +173,20 @@ $(document).ready(function () {
     $("#addTaxGroup").modal("hide");
   });
 
+  $("#ration_lib-search-box").on("input", function () {
+    var keyword = $(this).val().toLowerCase().trim(); // 获取输入的关键字并转为小写
+    // 遍历所有option元素
+    $('select[name="ration_lib"] option').each(function () {
+      var optionText = $(this).text().toLowerCase(); // 获取option的文本并转为小写
+
+      // 如果option文本包含关键字,则显示,否则隐藏
+      if (optionText.indexOf(keyword) !== -1) {
+        $(this).show();
+      } else {
+        $(this).hide();
+      }
+    });
+  });
   //新增定额库
   $("#add-ration").click(function () {
     const options = $("select[name='ration_lib']").children("option:selected");

+ 1 - 0
web/users/views/compilation/modal.html

@@ -354,6 +354,7 @@
                     <label>定额库</label>
                     <div class="row">
                         <div class="col-xs-12">
+                            <input type="text" id="ration_lib-search-box" class="form-control" placeholder="输入关键字搜索">
                             <select class="form-control multiple" name="ration_lib" multiple="multiple">
                                 <option value="">请选择定额库</option>
                             </select>