puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360
							<!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 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 th:href="@{/home/informList/3}"><cite>[[${navigation_name}]]</cite></a></li>
                    <li>创新能力体检</li>
                </ol>
            </div>
            <!--搜索框-->
            <div class="col-sm-6 col-md-6 col-lg-4 col-xs-12">
                <div style="display: inline-block;float: right;padding-top: 10px;width: 100%;">
					<span style="display: inline-block;width:100%">
					    <input type="text" id="keyWord" name="keyword" placeholder="请输入政策搜索关键词" class="layui-input" style="width: 100%;display: inline-block">
				    </span>
                    <button id="keywordSearch"style="display: inline-block;float: right;background:none;border:none;">
                        <i class=" iconfont icon-sousuo"></i>
                    </button>
                </div>
            </div>
        </div>
        <!--内容-->
        <div>
            <div id="leftBase" style="display: none;">
                <input type="hidden" id="satisfaction_score" th:name="satisfaction_score" th:value="${diagnosticReport.satisfaction_score}"/>
                <input type="hidden" id="report_feedback" th:name="feedback" th:value="${diagnosticReport.feedback}"/>
                <script th:src="@{/js/government/policy/leftBase.js}"></script>
            </div>
            <!--提醒-->
            <!--<div id="tixing" class="modal fade">-->
                <!--<div class="modal-dialog">-->
                    <!--<div class="modal-content radius">-->
                        <!--<div class="modal-header pingjia">-->
                            <!--<h3 class="modal-title">提醒</h3>-->
                            <!--<a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:;" onClick="modalHide()">×</a>-->
                        <!--</div>-->
                        <!--<div class="modal-body" style="text-align: center; line-height: 2;">-->
                            <!--<p>请您在查看完整的诊断报告后，点击此处对报告做满意度评价</p>-->
                        <!--</div>-->
                        <!--<div class="modal-footer">-->
                            <!--<a th:href="@{/home}" class="btn btn-primary" onClick="modalHide()">确定</a>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--/提醒-->
            <div class="title_font">
                <!--<h2 style="text-align: center;" class="title_detail">《科技创新能力综合评估诊断报告》</h2>-->
            </div>
            <div>
                <form id="scoreForm">
                    <div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>
                    <div class="" style="text-align: center; margin-bottom: 30px;">
                        <input type="hidden" id="cid" th:name="company_id" th:value="${cid}"/>
                        <input type="hidden" id="diagnostic_score" th:name="diagnostic_score" th:value="${cj}"/>
                        <input type="hidden" id="startVal" th:name="satisfaction_score" th:value="${diagnosticReport.satisfaction_score}"/>
                        <!--<input type="hidden" id="feedback" th:name="feedback" th:value="${diagnosticReport.feedback}"/>-->
                        <input type="hidden" id="id" th:name="id" th:value="${diagnosticReport.id}"/>
                        <p style="margin-bottom: 20px;">诊断评分：<span id="cj" name="diagnostic_score" class="ft-color-red">0</span>分</p><!--(诊断后显示)-->
                        <a onclick="checkLogin()" class="btn btn-warning radius btn-bg">我要诊断</a><!--(诊断后不显示)-->
                        <!--<a class="btn btn-default radius btn-bg" th:href="@{/home/informList/3}">以后再说</a>--><!--(诊断后不显示)-->
                        <a class="btn btn-default radius btn-bg" href="/serviceleague/home/policy">以后再说</a>
                    </div>
                    <div class="fl-pa" style="width: 800px; margin: 0 auto; display: none;">

                            <table class="ld-table">
                                <thead>
                                <tr>
                                    <th>诊断类别</th>
                                    <th width="">得分</th>
                                    <th width="">状态</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr th:each="item,iterStat: ${flList}">
                                    <td><input type="hidden" class="step-input" th:name="${'flList['+iterStat.index+'].lb'}" th:value="${item.lb}"/>[[${item.lb}]]</td>
                                    <td><input type="hidden" class="step-input" th:name="${'flList['+iterStat.index+'].cj'}" th:value="${item.cj}"/>[[${item.cj}]]</td>
                                    <td><input type="hidden" class="step-input" th:name="${'flList['+iterStat.index+'].zt'}" th:value="${item.zt}"/>[[${item.zt}]]</td>
                                </tr>
                                </tbody>
                            </table>
                        <!--(诊断后显示)-->
                        <div class="jc-qa">
                            <div class="qa-title clearfix">
                                <span>问题不足及建议 <i class="iconfont">&#xe639;</i></span>
                                <a th:href="@{/policy/toRecommendProject}" class="jc-view-more">点击查看我可申报哪些项目>></a>
                            </div>
                            <div id="advice">

                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!--页底-->
<div th:replace="~{home/common/footer :: footer}"></div>
<script th:inline="javascript">
    var startVal = "";
    $(function(){

        $("#cid").val([[${cid}]]);

        // //为星星设置hover效果
        // var isClicked = false;
        // var beforeClickedIndex = -1;
        // var clickNum = 0; //点击同一颗星次数
        //
        // $('.stars li').hover(
        //     function() {
        //         if(!isClicked) {
        //             $(this).css('color', '#F0AD4E');
        //             var index = $(this).index();
        //
        //             for(var i = 0; i <= index; i++) {
        //                 $('li:nth-child(' + i + ')').css('color', '#F0AD4E');
        //             }
        //         }
        //     },
        //     function() {
        //         if(!isClicked) {
        //             $('li').css('color', '#ADADAD');
        //         }
        //     }
        // );
        //
        // //星星点击事件
        // $('.stars li').click(function() {
        //     startVal = $(this).attr("startVal");
        //     $("#startVal").val(startVal);
        //     $('li').css('color', '#ADADAD');
        //     isClicked = true;
        //     var index = $(this).index();
        //
        //     for(var i = 1; i <= index+1; i++) {
        //         $('li:nth-child(' + i + ')').css('color', '#F0AD4E');
        //         if(index == 0) {
        //             $('#pjdj').text("不满意")
        //         }
        //         else if(index == 1) {
        //             $('#pjdj').text("不太满意")
        //         }
        //         else if(index == 2) {
        //             $('#pjdj').text("马马虎虎")
        //         }
        //         else if(index == 3) {
        //             $('#pjdj').text("比较满意")
        //         }
        //         else {
        //             $('#pjdj').text("满意")
        //         }
        //     }
        //     if(index == beforeClickedIndex) { //两次点击同一颗星星 该星星颜色变化
        //         clickNum++;
        //         if(clickNum % 2 == 1) {
        //             $('li:nth-child(' + (index + 1) + ')').css('color', '#ADADAD');
        //             $('#pjdj').text("")
        //         } else {
        //             $('li:nth-child(' + (index + 1) + ')').css('color', '#F0AD4E');
        //         }
        //
        //     } else {
        //         clickNum = 0;
        //         beforeClickedIndex = index;
        //     }
        // });
        //头部导航栏
        $("li[role='presentation']").removeClass();
        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模块
        });

        // 搜索
        $("#keywordSearch").on("click",function () {
            var keywordVal = encodeURI($("#keyWord").val());
            window.location.href = pagePath +"/home/policySearchList?lkey="+keywordVal;
        });

        var chart = Highcharts.chart('container', {
            chart: {
                polar: true,
                type: 'area'
            },
            title: {
                text: '《科技创新能力综合评估诊断报告》',
                style: {
                    fontSize:'22px'
                }
            },
            pane: {
                size: '80%'
            },
            xAxis: {
                tickmarkPlacement: 'on',
                lineWidth: 0
            },
            yAxis: {
                gridLineInterpolation: 'polygon',
                lineWidth: 0,
                min: 0
            },
            tooltip: {
                shared: true,
                pointFormat: '<span style="color:{series.color}">{series.name}: <b>{point.y: ,.0f}</b><br/>'
            },
            legend: {
                align: 'right',
                verticalAlign: 'top',
                y: 70,
                layout: 'vertical'
            },
            series: [{
                name: '诊断结果',
                pointPlacement: 'on'
            }]
        });
        var data = [0, 0, 0, 0, 0];
        var  categories = ['主体基础', '人才结构', '营收投入', '知识产权', '研发管理'];
        var isPolicy = [[${isPolicy}]];
        if (isPolicy == 1){
            $("#cj").html([[${cj}]]);
            categories = [];
            data = [];
            var flList = [[${flList}]];
            $.each(flList, function(i, item){
                categories.push(item.lb);
                data.push(parseFloat(item.cj));
            });

            var html = "";
            var qaList = [[${qaList}]];
            $.each(qaList, function (i, item) {
                html +='<div class="qa-list">' +
                    '       <div class="qa-name clearfix">' +
                    '           <span class="qa-list-left ft-color-red">问题不足：</span>' +
                    '           <div class="qa-list-right ft-bold">'+item.q+'</div>' +
                    '       </div>' +
                    '       <div class="clearfix">' +
                    '           <span class="qa-list-left ft-color-blue">对策建议：</span>' +
                    '           <div class="qa-list-right">' +
                    '               <p>'+item.a+'</p>' +
                    '           </div>' +
                    '       </div>' +
                    '     </div>';

            });

            $("#advice").html(html);
            $(".fixed-menu").show();
            $(".fl-pa").show();
            $("#leftBase").show();
        }
        chart.xAxis[0].setCategories(categories);
        chart.series[0].setData(data);
    });

    // // 评价弹出层
    // function modaldemo(){
    //     $("#modal-demo").modal("show")
    // };
    // function modaldemo2(){
    //     // var data = $("#scoreForm").serializeArray();
    //     // data.feedback = "123456";
    //     // console.log(data);
    //     $("#scoreForm").ajaxSubmit({
    //         url: pagePath + "/policy/submitFeedback",
    //         type: "post",
    //         data: {
    //             feedback: $("#feedback").val()
    //         },
    //         dataType: "json",
    //         success: function (result) {
    //
    //         },
    //         error: function () {
    //             errorMessage('系统错误!');
    //         }
    //     });
    //
    //     $("#modal-demo").hide();
    //     $("#evaluation").modal("show");
    // };
    // function modalHide() {
    //     $("#modal-demo").modal("hide");
    //     $("#evaluation").modal("hide");
    // }
    // $("#tixing").modal("show");

    function checkLogin() {
        $.ajax({
            url: pagePath + "/home/checkLogin/",
            type: "get",
            dataType: "json",
            data:{
                timeStamp: new Date()
            },
            success: function (result) {
                if (result.success) {
                    var obj = result.obj;
                    if (obj.isLogin) {
                        //已登录
                        if(!obj.userType==3){
                            errorMessage('仅供企业用户诊断!');
                        }else{
                            location.href = pagePath + '/policy/toImprove';
                        }
                    } else {
                        //errorMessage("请登陆！");
                        location.href = pagePath + "/home/login"
                        localStorage.setItem("activityUrl", pagePath + '/policy/toImprove');
                        localStorage.setItem("returnUrl", pagePath + '/policy/toImprove');
                        localStorage.setItem("requiredUserType", "3");
                        localStorage.setItem("errorMsg", "仅供企业用户诊断!");
                    }
                } else {
                    errorMessage(result.message);
                }
            },
            error: function () {
                errorMessage('系统错误!');
            }
        });
    }
    // var star = [[${diagnosticReport.satisfaction_score}]];
    // var feedback = [[${diagnosticReport.feedback}]];
    // console.log(star);
    // console.log(feedback);
</script>
</body>
</html>