addZJ.html

<!--# layout("/common/layout.html",{"jsBase":"/js/dubget/budgetDeclaratio/"}){ -->

<form class="layui-form layui-form-pane" id="addForm">

<input type="hidden"  name="state" id="state"  class="layui-input" value="0" >
    <div class="layui-row">
     <div class="layui-form-item">
         <div class="layui-inline">
            <label class="layui-form-label">名称</label>
				<div class="layui-input-inline">
					<!-- <input type="text" name="name" class="layui-input" > -->
						<input type="text" id="graduateCollege" name="name" lay-verify="required"  autocomplete="off" class="layui-input" >
					<input type="hidden" id="type" name="type" class="layui-input" >
					<input type="hidden" id="dtype" name="dtype" class="layui-input" value="2" >
					<ul id="list" class="layui-nav-child layui-anim layui-anim-up"></ul>
				</div>
            </div>
         <!--    <div class="layui-inline">
            <label class="layui-form-label">科室名称</label>
				<div class="layui-input-inline">
					
				</div>
            </div> -->
      
        </div>
         
         </div>
    <div class="layui-row">
        
    </div>
   <div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-inline">
            <label class="layui-form-label">预算金额</label>
				<div class="layui-input-inline">
					<input type="text" name="budget"  class="layui-input" >
					
				</div>
            </div>
        </div>
    </div> 
    <div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-inline">
            <label class="layui-form-label"> 联系人</label>
				<div class="layui-input-inline">
				<input type="text" name="estimate" class="layui-input" >
					
				</div>
            </div>
            <div class="layui-inline">
            <label class="layui-form-label">联系人电话</label>
				<div class="layui-input-inline">
				<input type="text" name="quantity"  class="layui-input" >
				</div>
            </div>
        </div>

    </div>
    <div class="layui-row">
        <div class="layui-form-item">
            <div class="layui-inline">
            <label class="layui-form-label">年度</label>
				<div class="layui-input-inline">
				
					<input type="text" id="year" name="year"  class="layui-input" >
				</div>
            </div>
        </div>
    </div>
         <div class="layui-form-item layui-form-text">
    <label class="layui-form-label">备注：</label>
    <div class="layui-input-block">
      <textarea name="remaks" placeholder="请输入内容" class="layui-textarea">
      </textarea>
    </div>
  </div>
      <div class="layui-row" style="padding:0 10px;">
		<layui:attachment name="fileId" batchFileUUID="${uuid()}" isNew="true" bizType="budget"/>
	</div>
    <layui:subAndStagButtons id="addButton" />
</form>
<!--#} -->
<script>
layui.use(['addZJ','laydate'], function(){
	
	var laydate = layui.laydate;
	  //执行一个laydate实例
	  laydate.render({
	    elem: '#year' //指定元素
	    ,type:'year'
	    ,trigger: 'click' //采用click弹出
	  });
	  var oTxt = document.getElementById('graduateCollege');
	  var oList = document.getElementById('list');

	  var fruits =null;//["桃子","苹果","梨子","香蕉","香瓜","葡萄","柠檬","橘子","草莓","草莓子","草拟吗","s","ssr"];
	  /* //点击事件
	  oBtn.addEventListener('click', function(){
	      var keyWord = oTxt.value;
	      // var fruitList = searchByIndexOf(keyWord,fruits);
	      console.log(fruitList);
	      var fruitList = searchByRegExp(keyWord, fruits);
	      renderFruits(fruitList);
	  }, false);
	  //回车查询
	  oTxt.addEventListener('keydown', function(e){
	      if(e.keyCode == 13){
	          var keyWord = oTxt.value;
	          // var fruitList = searchByIndexOf(keyWord,fruits);
	          var fruitList = searchByRegExp(keyWord, fruits);
	          renderFruits(fruitList);
	      }
	  }, false); */
	  var cpLock = false;
	  $('#graduateCollege').on('compositionstart', function () {
	      cpLock = true;
	  }); 
	  $('#graduateCollege').on('compositionend', function () {
	      cpLock = false;
	      var keyWord = oTxt.value;
	      if(keyWord!=""){
	      	// var fruitList = searchByIndexOf(keyWord,fruits);
	  	    $.post(Common.ctxPath + '/dubget/budgetDeclaratio/history.json' ,{"name":oTxt.value},function(data){
	  	    	var att = data.data.map(function(item){
	  	    		return item.name +'---'+item.typename+"---"+item.type;
	  	    		
	  	    	})
	  	    	renderFruits(att); 
	  		});
	      }else{
	      	renderFruits([]); 
	      }
	  });
	  $('#graduateCollege').on('input', function () {
		    if (!cpLock) {
		        var keyWord = oTxt.value;
		        if(keyWord!=""){
		            // var fruitList = searchByIndexOf(keyWord,fruits);
		            $.post(Common.ctxPath + '/dubget/budgetDeclaratio/history.json' ,{"name":oTxt.value},function(data){
		            	
		            	var att = data.data.map(function(item){
			  	    		return item.name +'---'+item.typename+"---"+item.type;
			  	    		
			  	    	})
			  	    	renderFruits(att); 
		        });
		            }else{
		            	renderFruits([]); 
		            }
		    }
		});
	  $(document).on('click',function(e){
		  $(e.target).attr('id') == undefined && $('#list').hide()
	  })
	  function renderFruits(list){
		    if(!(list instanceof Array)){
		        return ;
		    }
		    oList.innerHTML = '';
		    var len = list.length;
		    var item = null;
		    for(var i=0;i<len;i++){
		        item = document.createElement('li');
		        item.innerHTML = list[i].split("---")[0]+"---"+list[i].split("---")[1];
		        item.setAttribute('text',list[i].split("---")[0]);
		        item.setAttribute('type',list[i].split("---")[2]);
		        oList.appendChild(item);
		    }
		    //console.log($('#list').height())
		    $('#list').show().css({
		    	'top': '36px'
		    }).children().css({
		    	   "padding-left" : "5px" 
		    });
		    $('#list').on('click','li',function(){
		    	$('#list').hide();
		    	$('#graduateCollege').val( $(this).attr('text') );
		    	$('#type').val($(this).attr('type') )
		    })
		}
/* 	  $('#graduateCollege').on('input', function () {
		  debugger;
	      if (!cpLock) {
	          var keyWord = oTxt.value;
	          if(keyWord!=""){
	              // var fruitList = searchByIndexOf(keyWord,fruits);
	              $.post(Common.ctxPath + '/orghro/school/qinyin.json' ,{"st":oTxt.value},function(data){
	            	  renderFruits(data.data); 
	          });
	              }else{
	              	renderFruits([]); 
	              }
	      }
	  }); */
	  
    var budgetDeclaratioAdd = layui.addZJ
    budgetDeclaratioAdd.init();
});
</script>