puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
							<!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" style="padding-top:0;">
        <div>
            <div class="row">
                <!--面包屑-->
                <div class="hidden-xs" style="padding-left: 0;position:relative;">
                    <ol class="breadcrumbFixed clearfix" style="border-bottom: 0px solid #fff;margin-bottom: 20px;">
                        <li>
                            <a th:href="@{/home}">首页</a>
                        </li>
                        <li class="active"><a><cite>政策雷达</cite></a></li>
                    </ol>
                    <div class="col-sm-6 col-md-6 col-lg-4 col-xs-12" style="position: absolute;right: 0px;top: 5px;">
                        <div style="display: inline-block;float: right;padding-top: 10px;width: 100%;">
					<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>
                            <button onclick="" id="keywordSearch"
                                    style="display: inline-block;float: right;background:none;border:none;">
                                <i class=" iconfont icon-sousuo"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <!--搜索框-->

            </div>
        </div>
        <!--搜索条件-->
        <div class="policy-filter-option">
            <div class="kind-tip-policyRadar area" style="padding-top:0px;">
                <span>&#x3000;&#x3000;区域：</span>
                <a class="kind-box" lb="0">全部</a>
                <span class="classify">
                    <a class="kind-box" lb="4">国家</a>
                    <a class="kind-box" lb="1">江苏省</a>
                    <a class="kind-box" lb="2">苏州市</a>
                    <a class="kind-box" lb="3">高新区</a>
                </span>
            </div>
            <div class="kind-tip-policyRadar department">
                <span>主管部门：</span>
                <a class="kind-box active" k3="">全部</a>
                <span class="classify">
                    <a class="kind-box" k3="1">科技</a>
                    <a class="kind-box" k3="3">经信</a>
                    <a class="kind-box" k3="11">知识产权</a>
                    <a class="kind-box" k3="6">人社</a>
                    <a class="kind-box" k3="7">商务</a>
                    <a class="kind-box" k3="2">发改</a>
                    <a class="kind-box" k3="5">税务</a>
                    <a class="kind-box" k3="4">财政</a>
                    <a class="kind-box" k3="8">文广</a>
                    <a class="kind-box" k3="9">农业</a>
                    <a class="kind-box" k3="10">其他</a>
                </span>
            </div>
            <div class="kind-tip-policyRadar policyKind" style="border:none;">
                <span>政策类别：</span>
                <a class="kind-box" k4="">全部</a>
                <span class="classify">
                    <a class="kind-box" k4="1">财政指引</a>
                    <a class="kind-box" k4="2">税收优惠</a>
                    <a class="kind-box" k4="7">产业发展</a>
                    <a class="kind-box" k4="3">产业创新</a>
                    <a class="kind-box" k4="5">人才培育</a>
                    <a class="kind-box" k4="8">知识产权</a>
                    <a class="kind-box" k4="9">创业扶持</a>
                    <a class="kind-box" k4="13">协同创新</a>
                    <a class="kind-box" k4="4">载体建设</a>
                    <a class="kind-box" k4="12">成果转化</a>
                    <a class="kind-box" k4="6">金融支持</a>
                    <a class="kind-box" k4="11">其他</a>
                </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();
        // console.log([[${navigation_id}]]);
        var id = [[${navigation_id}]];
        $("#" + 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:2,
        lb:0,
        lkey:'',
        k3:0,
        k4:0,
        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 + '&lb=' + obj.lb + '&lkey=' + obj.lkey + '&k3='+ obj.k3
            + '&k4=' + obj.k4 + '&page=' + obj.page + '&pagesize=' + obj.pagesize
    }
    //将返回的数据放进模板
    function getTemplateStr(result){
        templateString = ''
        if(result.success==true){
            // console.log(result.obj.list)
            $.each(result.obj.list, function (index, 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){
        // console.log(pagePath+'/policy/radar?'+dataStr)
        $.ajax({
            // http://snd.ideatob.com/mp/api/
            type:'GET',
            url: pagePath+'/policy/radar',
            data:dataStr,
            success:function(res){
                var result= res.obj;
                // console.log(res.success)
                $('.policy-list-content').empty()
                getTemplateStr(res)
                if(res.success==true){
                    listCounts = result.total
                    clickPage()
                }else{
                    $('.pagingBox').empty().append("<div id='paging'></div>")
                }
                filterString = ''
            }
        })
    }
    // 页面加载时执行的方法
    // $(document).ready(function(){
        var k4 = getQuery('k4')
        var lb = getQuery('lb')
        if(k4){
            filterOption.k4 = k4
            $('.policyKind a').removeClass('active')
            $(".policyKind a").each(function () {
                if($(this).attr("k4")==k4){
                    $(this).addClass("active")
                }
            })

        }else{
            $(".policyKind a[k4='']").addClass('active')
        }
        if(lb){
            filterOption.lb = lb
            $('.area a').removeClass('active')
            $(".area a").each(function () {
                if($(this).attr("lb")==lb){
                    $(this).addClass("active")
                }
            })

        }else{
            $(".area a[lb='0']").addClass('active')
        }
        getFilterString(filterOption)
        getFilterData(filterString)
    // })
    //点击搜索执行的方法
    $('#keywordSearch').click(function(){
        // console.log($("input[name='keyword']").val())
        filterOption.lkey = encodeURI($("input[name='keyword']").val())
        filterOption.page=1
        getFilterString(filterOption)
        getFilterData(filterString)
    })
    //点击区域筛选标签的方法
    $('.area a').click(function(){
        $('.area a').removeClass('active')
        filterOption.lb = $(this).attr('lb')
        filterOption.page=1
        getFilterString(filterOption)
        getFilterData(filterString)
        $(this).addClass('active')
    })
    //点击主管部门筛选标签的方法
    $('.department a').click(function(){
        $('.department a').removeClass('active')
        filterOption.k3 = $(this).attr('k3')
        filterOption.page=1
        getFilterString(filterOption)
        getFilterData(filterString)
        $(this).addClass('active')
    })
    //点击政策类别筛选标签的方法
    $('.policyKind a').click(function(){
        $('.policyKind a').removeClass('active')
        filterOption.k4 = $(this).attr('k4')
        filterOption.page=1
        getFilterString(filterOption)
        getFilterData(filterString)
        $(this).addClass('active')
    })

</script>
</body>
</html>