scott
/
crm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							{extend name="public/layout"/} {block name="title"}在施工地{/block} {block name="body"}
	<link rel="stylesheet" href="__STATIC__/css/csspc.css">
	<link rel="stylesheet" href="__STATIC__/css/font.css">
<style>
	html,body{height:auto;min-width: 100%;}
	.body{height: 100%;overflow: hidden;background: #F6F7FB;}
	.bodys_top,.bodys_b{background: #fff;border-radius: 8px;}
	.bodys_top ul li{width:20%;font-size: 16px;color:#999;margin-bottom: 30px;float:left;}
	.search-ico{top:23%;right:5%;color:#249EFB;font-size: 20px;}
	.bodys_b{height: 75vh;}
</style>
<body>
	<div class="width97_ wauto bodys">
		<div class="bodys_b mdt16 woverflow">
			<div class="width96_ wauto woverflow">
				<div class="layui-form-item mdt20">
		            <div class="layui-input-inline wpsr" style="width: 23%;">
		              <input type="text" name="name" required id="keyword" lay-verify="required" placeholder="请输入搜索内容" autocomplete="off" class="layui-input">
		              <i class="fa fa-search search-ico wpsa href" aria-hidden="true" id="search"></i> 
		            </div>
	                <div class="layui-inline layui-form " style="width: 240px;">
	                    <select name="state" id="org_id" lay-filter="stateFilter">
	                        <option value="">部门筛选</option>
	                        {volist name="org" id="i"}
	                            <option value="{$i.id}">{$i.name}</option>
	                        {/volist}
	                    </select>
	                </div>
		        </div>

		       	<div class="datalist">
		       		<table id="grant" lay-filter="grant" style="margin-top:15px;"></table>
		       	</div>
			</div>
		</div>
	</div>


</body>
{/block} {block name="js"}
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'form','table'], function() {
		var $ = layui.$,
		table = layui.table,
		form = layui.form;


        table.render({
            elem: '#grant',
            url: '{:url("preformanceTasks/deposit_list")}?id='+"{$id}&type=0",
            page: true,
            height: '400vh',
            cols: [
                [{
                    field: 'ranking',
                    fixed: 'left',
                    title: '排行',
                }, {
                    field: 'name',
                    title: '姓名',
                }, {
                    field: 'org_name',
                    title: '部门',
                }, {
                    field: 'value',
                    title: '交定（个）',
                }]
            ],
            text: '对不起，加载出现异常！'
        });
		
		
		$('#search').click(function(){
			var keyword = $('#keyword').val();
			//执行重载
			table.reload('grant', {
				where: {keyword:keyword}
				, page: { curr: 1 }
			});
		});
        form.on('select(stateFilter)',function(data){
            var org_id = data.value;
            var field = {}; 
            field['org_id'] = org_id;
            //执行重载
            table.reload('grant', {
                where: field,
                page: {
                    curr: 1
                }
            });
        })
		
	})
</script>
{/block}