yangle
2024-03-25 c4e556a509b7fd8084a4aee8f4221158bac6cd3a
WebTM/views/ÈËʹÜÀí/ÈëÖ°ÉêÇë/HR_EmpEngageRequestBill.html
@@ -14,6 +14,7 @@
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/PubCustom.js"></script>
    <script src="../../../layuiadmin/PageTitle.js"></script>
    <style>
        .main-btn { /*头部主按钮*/
            padding: 0 2px; /*调整按钮左右空隙大小*/
@@ -45,6 +46,33 @@
            width: 25%;
        }
    </style>
    <style>
        .search-res {
            position: absolute;
            top: 100%;
            left: 0;
            width: 175px;
            border: 1px solid #b6b6b6;
            border-top: none;
            background-color: white;
            z-index: 5;
        }
            .search-res li {
                list-style-type: none;
                line-height: 20px;
                padding: 2px 5px;
            }
                .search-res li:hover {
                    background-color: cornflowerblue;
                }
        .ac {
            display: none;
        }
    </style>
</head>
<body>
@@ -140,6 +168,7 @@
                                            <label class="layui-form-label" style="width: 85px;">民  æ—</label>
                                            <div class="layui-input-block" style="margin-left: 120px; width: 180px;">
                                                <input type="text" class="layui-input" lay-verify="HNation" name="HNation" id="HNation">
                                                <ul class="search-res ac" id="HNationDisplay"></ul>
                                            </div>
                                        </div>
                                        <div class="layui-inline" style="width:500px;">
@@ -522,6 +551,13 @@
            //#endregion
            //#region ã€åŠ¨æ€èŽ·å–æ¨¡å—åç§°ã€‘
            var HModuleType = "2301";
            //通过单据类型,从数据库动态获取单据模块命名,引用js文件 PageTitle.js
            var HPageTitle = get_PageTitle(HModuleType) == "" ? $("h1").html() : get_PageTitle(HModuleType);
            $("h1").html('<b>' + HPageTitle + '</b>');
            //#endregion
            //#region è¿›å…¥é¡µé¢å³åŠ è½½
            //#region åˆ¤æ–­æ˜¯å¦ç™»å½• æœªç™»å½•则跳到登录页
            if (sessionStorage.login != "login") {
@@ -598,6 +634,24 @@
                            $("#HAge").val(year-1);
                        }
                    }
                });
                //#endregion
                //#region åˆå§‹æ°‘族文本框监听
                //民族文本框焦点获取监听
                $("#HNation").on('input focus', function (data) {
                    ul = document.getElementById("HNationDisplay");
                    ul.classList.remove('ac');
                });
                //民族文本框焦点失焦监听
                $("#HNation").on('input blur', function (data) {
                    ul = document.getElementById("HNationDisplay");
                    //ul.classList.add('ac');
                });
                //民族文本框值监听
                $("#HNation").on('input proprytychange', function (data) {
                    var value = data.currentTarget.value;
                    recommendHNationByInput(value);
                });
                //#endregion
            });
@@ -808,7 +862,7 @@
                                form.render("checkbox");
                            }
                        } else {
                            layer.msg(data.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                            layer.msg(result.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
                        }
                    }
                    ,error: function (err) {
@@ -867,6 +921,47 @@
                return true;
            }
            //#endregion
            //#region æ°‘族文本框值监听事件--根据输入推荐
            function recommendHNationByInput(value) {
                var nationList = [
                    "汉族", "壮族", "满族", "回族", "苗族", "维吾尔族", "土家族", "彝族", "蒙古族", "藏族", "布依族", "侗族", "瑶族", "白族", "朝鲜族", "哈尼族"
                    , "哈萨克族", "黎族", "傣族", "畲族", "傈僳族", "仡佬族", "东乡族", "高山族", "拉祜族", "水族", "佤族", "纳西族", "羌族", "土族", "仫佬族"
                    , "锡伯族", "柯尔克孜族", "达斡尔族", "景颇族", "毛南族", "撒拉族", "布朗族", "塔吉克族", "阿昌族", "普米族", "鄂温克族", "怒族", "京族"
                    , "基诺族", "德昂族", "保安族", "俄罗斯族", "裕固族", "乌孜别克族", "门巴族", "鄂伦春族", "独龙族", "塔塔尔族", "赫哲族", "珞巴族"
                ];
                //获取推荐数据
                var result = [];
                for (var i = 0; i < nationList.length; i++) {
                    if (nationList[i].indexOf(value) != -1 && value!= "") {
                        result.push(nationList[i]);
                    }
                }
                //拼接界面推荐显示ul
                var Organization = "";
                for (var i = 0; i < result.length; i++) {
                    Organization += "<li>" + result[i] + "</li>";
                }
                $("#HNationDisplay").empty();
                $("#HNationDisplay").append(Organization);
                //民族推荐列表点击监听
                var list = document.getElementById('HNationDisplay');
                var items = list.getElementsByTagName('li');
                for (var i = 0; i < items.length; i++) {
                    items[i].addEventListener('click', setNationValueByClick);
                }
                return result;
            }
            //#endregion
            //#region æ°‘族文本框点击监听事件--点击后赋值
            function setNationValueByClick(event) {
                var HNation = event.currentTarget.innerText;
                $("#HNation").val(HNation);
                ul.classList.add('ac');
            }
            //#endregion
            //#endregion
            //#endregion