添加模糊搜索

马宇豪

2023-05-09 258d736a518fb062f67c3605fbfb3c1096e78a61

添加模糊搜索

 src/main/resources/templates/tr/baseCheckPoint/add.html

@@ -32,8 +32,8 @@
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">风险管控措施：</label>
                <div class="col-sm-8">
                    <select name="controlMeasureId" class="form-control m-b">
                <div class="col-sm-8" id="container">
                    <select id="mySelect" name="controlMeasureId" class="form-control m-b">
                        <option value="">--请选择风险管控措施--</option>
                        <option th:each="u :${measureList}" th:value="${u.id}" th:text="${u.checkContent}"></option>
                    </select>
@@ -62,6 +62,29 @@
                $.operate.save(prefix + "/add", $('#form-baseCheckPoint-add').serialize());
            }
        }

        var select = document.getElementById("mySelect");
        var options = select.options;
        var input = document.createElement("input");
        var container = document.getElementById("container");
        container.insertBefore(input, select);

        input.addEventListener("keyup", function() {
            var value = input.value.toLowerCase().trim();
            for(var i=0; i<options.length; i++) {
                var option = options[i];
                if(option.value.toLowerCase().indexOf(value) > -1 || option.text.toLowerCase().indexOf(value) > -1) {
                    option.style.display = "";
                } else {
                    option.style.display = "none";
                }
            }
        });
        input.style.width = "100%"
        input.style.height = "34px"
        input.style.paddingLeft = "20px"
        input.style.marginBottom = "10px"
        input.placeholder = "输入关键词以缩小选择范围"
    </script>
</body>
</html>

 src/main/resources/templates/tr/riskEvaluationPlan/add.html

@@ -48,7 +48,7 @@
            </div>

            <div class="form-group">    
                <label class="col-sm-3 control-label">辨识人员：</label>
                <label class="col-sm-3 control-label">辨识人员111：</label>
                <div class="col-sm-8">
                    <input id="userName"  placeholder="选择辨识人员" class="form-control" type="text"  onclick="selectIdentifyUserId()" maxlength="30" readonly="true" required>
                    <input id="userId" name="identifyUserId" type="hidden">
@@ -114,11 +114,46 @@

        //选择辨识人员
        function selectIdentifyUserId() {
            var url = "/system/user/selectUserByCompanyId";
            $.modal.openNoConfirm("用户选择", url, '700', '500');
            var url = ctx +  "system/user/selectUserListByParentSonCompanyConfirm";
            // $.modal.openNoConfirm("用户选择", url, '700', '500');
            var options = {
                title: '用户选择',
                width: "800",
                height: "500",
                url: url,
                callBack: doSubmitSelectExecuteUser
            };
            $.modal.openOptions(options);
        }

        function doSubmitSelectExecuteUser(index, layero) {
            var rows = layero.find("iframe")[0].contentWindow.table.rememberSelecteds["bootstrap-table"];
            // console.log(rows);
            //
            // var userId = layero.find("iframe")[0].contentWindow.$.table.selectColumns('userId');
            // var userName = layero.find("iframe")[0].contentWindow.$.table.selectColumns('userName');
            //
            // console.log(userId);
            // console.log(userName);

            // var rows = layero.find("iframe")[0].contentWindow.$("#bootstrap-table").bootstrapTable('getSelections');
            if (rows.length > 0) {
                var executeUserIdString = "";
                var executeUserNameString = "";

                $.each(rows, function (i, row) {
                    executeUserIdString = executeUserIdString != "" ? executeUserIdString + "," + row.userId : row.userId;
                    executeUserNameString = executeUserNameString != "" ? executeUserNameString + "," + row.userName : row.userName;
                });

                $("#userId").val(executeUserIdString);
                $("#userName").val(executeUserNameString);

                layer.close(index);
            } else {
                $.modal.alertWarning("请至少选择一个执行人");
            }
        }

    </script>
</body>