puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
							<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{home/common/common}">

<head>
    <meta charset="UTF-8">
    <title th:text="${navigation_name}"></title>
</head>

<body layout:fragment="content">
<!-- 头部导航 -->
<div th:replace="~{home/common/header :: header}"></div>

<!--nav-->
<div class="center_nav">
    <div th:replace="~{home/common/header :: nav}"></div>
</div>

<div class="policy-bg">
    <div class="policy-content">
        <div style="margin:0 -15px;padding:0 15px;border-bottom:1px solid #858585;">
            <div class="row">
                <!--面包屑-->
                <div class="col-sm-6 col-md-6 col-lg-8 hidden-xs" style="padding-left: 0;">
                    <ol class="breadcrumb" style="padding-top: 15px;border-bottom: 0px solid #fff;margin-bottom: 0;">
                        <li>
                            <a th:href="@{/home}">首页</a>
                        </li>
                        <li class="active"><a><cite>政策雷达</cite></a></li>
                    </ol>
                </div>
            </div>
            <div class="policySearchOption">
                <span style="margin-left:0px;">类型</span>
                <select name="" lay-verify="" class="type">
                    <option value="">请选择</option>
                    <option value="191">通知</option>
                    <option value="189">政策</option>
                    <option value="194">公告</option>
                    <option value="192">问答</option>
                    <option value="193">模板</option>
                    <option value="196">解读</option>
                    <option value="28">资料</option>
                    <option value="205">其他</option>
                </select>
                <span>主管部门</span>
                <select name="" lay-verify="" class="department">
                    <option value="">请选择</option>
                    <option value="1">科技</option>
                    <option value="3">经信</option>
                    <option value="11">知识产权</option>
                    <option value="6">人社</option>
                    <option value="7">商务</option>
                    <option value="2">发改</option>
                    <option value="5">税务</option>
                    <option value="4">财政</option>
                    <option value="8">文广</option>
                    <option value="9">农业</option>
                    <option value="10">其他</option>
                </select>
                <span>文号</span>
                <input type="text" class="layui-input cNum">
                <span>颁布单位</span>
                <input type="text" class="layui-input iUnit">
            </div>
            <div class="row">
                <!--搜索框-->
                <div class="col-sm-6 col-md-6 col-lg-4 col-xs-10">
                    <div style="display: inline-block;float: right;padding-top: 20px;width: 100%;height:80px;">
					<span style="display: inline-block;width:100%">
					    <input type="text" name="keyword" lay-verify="required" placeholder="请输入关键字搜索"
                               autocomplete="off" class="layui-input" style="width: 100%;display: inline-block">
				    </span>

                    </div>
                </div>
                <div class="col-sm-2 col-md-2 col-lg-2 col-xs-2">
                    <button onclick="" id="keywordSearch" class="searchBtn">
                        <i class=" iconfont "></i>搜索
                    </button>
                </div>
            </div>
            <div class="hotSearch">
                <span>热搜词：</span>
            </div>
            <div class="row searchTabList">
                <span  class="tabActive" lx_id="">全部</span>
                <span lx_id="189">政策</span>
                <span lx_id="191">通知</span>
                <span lx_id="194">公告</span>
                <span lx_id="192">问答</span>
                <span lx_id="196">解读</span>
                <span lx_id="193">模板</span>
                <span lx_id="28">资料</span>
                <span lx_id="205">其他</span>
            </div>
        </div>
        <div class="policy-list-content">
            <!--<div>-->
                <!--<p class="list-title">-->
                    <!--<span class="">关于提供2018年人工智能与实体经济深度融合创新项目纸质版申报材料的通知</span>-->
                    <!--<span class="fr">2018-05-07</span>-->
                <!--</p>-->
                <!--<p class="list-content">-->
                    <!--接省经信委通知，为了确保填报内容完整规范，申报单位在申报工信部2018年人工智能与实体经济深度融合创新项目时，除在网上申报系统里完善申报材料以外，还需提供纸质申报材料（一份）。纸质申报材料由申报单位通过申报系统下载打印并加盖申报单位公章后装订成册，纸质材料内容须与网上填报内容完全一致。-->
                <!--</p>-->
            <!--</div>-->
        </div>
        <div class="pagingBox" style="margin-left:25px;">
            <div id="paging"></div>
        </div>
    </div>
</div>
<!--页底-->
<div th:replace="~{home/common/footer :: footer}"></div>
<script>
    var pagePath = $("meta[name='_ctx']").attr("content");
    pagePath = pagePath.substring(0, pagePath.length - 1);
	$(function(){
		//头部导航栏
	    $("li[role='presentation']").removeClass();
	    var id = 3;
	    $("#" + id).parent().attr("class", "active");
	    // var pagePath = $("meta[name='_ctx']").attr("content");
	    // pagePath = pagePath.substring(0, pagePath.length - 1);
	    var type = "", criteria = "0", isinvalid = "0";
	    layui.use('element', function () {
	        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
	    });
	});

    //获取url中的参数
    function getQuery (name) {
        var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
        var r = window.location.search.substr(1).match(reg)
        if (r != null) return decodeURI(r[2])
        return null
    }
    // 接口请求参数
    var filterOption = {
        apikey:'snd_apis',
        at:9,
        lkey:'',
        lx_id:'',
        bm:'',
        wh:'',
        dw:'',
        page:1,
        pagesize:10,
    }
    var filterString = ''
    var templateString = ''
    var listCounts = ''
    function clickPage(){
        layui.use('laypage', function(){
            var laypage = layui.laypage;
            //执行一个laypage实例
            laypage.render({
                elem: 'paging',
                count: listCounts,
                first: '首页',
                last: '尾页',
                prev: '<em>上一页</em>',
                next: '<em>下一页</em>',
                curr: filterOption.page,     //当前页
                jump: function (obj, first) {   //触发分页后的回调
                    //触发分页后的回调,并传递当前页obj.cuur
                    if (!first) {
                        var cuur = obj.curr;    //获取当前页
                        filterOption.page=cuur;
                        getFilterString(filterOption);
                        getFilterData(filterString);
                    }
                }
            });
        });
    }
    //将请求参数编译为字符串
    function getFilterString(obj){
        filterString = filterString + 'apikey='
            + obj.apikey + '&at=' + obj.at + '&lx_id=' + obj.lx_id + '&bm=' + obj.bm + '&wh='+ obj.wh
            + '&dw=' + obj.dw + '&lkey=' + obj.lkey + '&page=' + obj.page + '&pagesize=' + obj.pagesize
    }
    //将返回的数据放进模板
    function getTemplateStr(result){
        templateString = ''
        if(result){
            result.list.map(function(v){
                templateString += "<div><p class='list-title'>" +
                    "<a href=policyDetail?bno=" + v.bno + " target='_blank'>" + v.title + "</a>" +
                    "<span class='fr'>" + v.date + "</span></p>" +
                    "<p class='list-content'>" + v.bz +"</p></div>"
            })
        }else{
            templateString = '暂无相关信息'
        }
        $('.policy-list-content').append(templateString)
    }
    //请求
    function getFilterData(dataStr){
        $.ajax({
            type:'GET',
            url:pagePath+'/policy/radar',
            data:dataStr,
            success:function(res){
                var result= res.obj;
                $('.policy-list-content').empty()
                getTemplateStr(result)
                if(res.success==true){
                    listCounts = result.total
                    clickPage()
                    // $('.searchTabList').css("display","block")
                }else{
                    $('.pagingBox').empty().append("<div id='paging'></div>")
                    // $('.searchTabList').css("display","none")
                }
                filterString = ''
            }
        })
    }
    $(document).ready(function(){
        var lkey = encodeURI(getQuery('lkey'));
        //获取热搜词数据
        $.ajax({
            type:'GET',
            url:'http://snd.ideatob.com/mp/api/',
            data:'apikey=snd_apis&at=10&page=1&pagesize=10',
            success:function(res){
                var hotWord = "";
                if(JSON.parse(res).total){
                    JSON.parse(res).list.map(function(v){
                        hotWord += "<a>" + v.title + "</a>"
                    })
                }
                $('.hotSearch').append(hotWord)
            }
        });
        if(lkey){
            $("input[name='keyword']").val(decodeURI(lkey));
            filterOption.lkey = lkey;
            $('.policySearchOption').css("display","none");
            $('.searchTabList').css("display","block");
            getFilterString(filterOption);
            getFilterData(filterString)
        }else{
            $('.searchTabList').css("display","none")
        }
    });
    //点击搜索执行的方法
    $('#keywordSearch').click(function(){
        filterOption.lx_id=$('.type').val();
        filterOption.bm=$('.department').val();
        filterOption.wh=$('.cNum').val();
        filterOption.dw=$('.iUnit').val();
        filterOption.lkey = encodeURI($("input[name='keyword']").val());
        if(filterOption.lx_id){
            $('.searchTabList').css("display","none")
        }else{
            $('.searchTabList').css("display","block");
            $('.searchTabList span').removeClass('tabActive');
            $('.searchTabList span').first().addClass('tabActive')
        }
        filterOption.page=1;
        getFilterString(filterOption);
        getFilterData(filterString)
    });
    //点击热搜
    $(document).on('click','.hotSearch a',function(){
        // console.log($(this).html())
        $("input[name='keyword']").val($(this).html());
        filterOption.lkey = encodeURI($(this).html());
        if(filterOption.lx_id){
            $('.searchTabList').css("display","none")
        }else{
            $('.searchTabList').css("display","block");
            $('.searchTabList span').removeClass('tabActive');
            $('.searchTabList span').first().addClass('tabActive')
        }
        filterOption.page=1;
        getFilterString(filterOption);
        getFilterData(filterString);
    });
    //点击tab切换
    $(document).on('click','.searchTabList span',function(){
        $(this).addClass('tabActive').siblings().removeClass('tabActive');
        filterOption.lx_id=$(this).attr('lx_id');
        filterOption.page=1;
        getFilterString(filterOption);
        getFilterData(filterString)
    })
</script>

</body>
</html>