智云MES-UI前端
parent: 9d7876d2 | 补丁 | 提交 | ignore whitespace
duhe
2023-08-16 11945837730110ebb05327dd4052ab388abdb497 
入职申请单：民族根据输入值进行推荐
2个文件已修改
91 ■■■■■ 已修改文件
WebTM/Properties/PublishProfiles/JFTM.pubxml.user 8 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
WebTM/views/人事管理/入职申请/HR_EmpEngageRequestBill.html 83 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 
 WebTM/Properties/PublishProfiles/JFTM.pubxml.user


@@ -18,10 +18,10 @@


      <publishTime>01/28/2016 14:22:24</publishTime>


    </File>


    <File Include="bin/WebTM.dll">


      <publishTime>08/14/2023 10:13:49</publishTime>


      <publishTime>08/16/2023 08:20:14</publishTime>


    </File>


    <File Include="bin/WebTM.pdb">


      <publishTime>08/14/2023 10:13:49</publishTime>


      <publishTime>08/16/2023 08:20:14</publishTime>


    </File>


    <File Include="HtmlPage1.html">


      <publishTime>04/11/2023 16:34:42</publishTime>


@@ -1734,7 +1734,7 @@


      <publishTime>04/11/2023 16:34:43</publishTime>


    </File>


    <File Include="views/人事管理/入职申请/HR_EmpEngageRequestBill.html">


      <publishTime>07/25/2023 15:30:37</publishTime>


      <publishTime>08/16/2023 09:35:01</publishTime>


    </File>


    <File Include="views/人事管理/入职申请/HR_EmpEngageRequestBillList.html">


      <publishTime>07/21/2023 08:25:45</publishTime>


@@ -4704,7 +4704,7 @@


      <publishTime>04/11/2023 16:34:43</publishTime>


    </File>


    <File Include="Web.config">


      <publishTime>08/14/2023 10:13:56</publishTime>


      <publishTime>08/16/2023 08:20:25</publishTime>


    </File>


  </ItemGroup>


</Project>




 WebTM/views/ÈËʹÜÀí/ÈëÖ°ÉêÇë/HR_EmpEngageRequestBill.html


@@ -45,6 +45,29 @@


            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;


            }




        .ac {


            display: none;


        }


    </style>






</head>


<body>


@@ -140,6 +163,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;">


@@ -600,6 +624,24 @@


                    }


                });


                //#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


            });


            //#endregion 




@@ -867,6 +909,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