| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 |
- <!DOCTYPE HTML>
- <html xmlns:th="http://www.thymeleaf.org"
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
- layout:decorate="~{admin/common/common}">
- <head>
- <title>诊断用户组列表</title>
- </head>
- <body layout:fragment="content">
- <style>
- .stars {
- white-space: nowrap;
- text-align: center;
- }
- .stars li {
- display: inline-block;
- color: #ADADAD;
- cursor: pointer;
- list-style: none;
- }
- .stars li .iconfont {
- font-size: 30px;
- }
- .textarea-style {
- border: solid 1px #dadada;
- padding: 5px;
- width: 100%;
- height: 80px;
- resize: none;
- }
- .dj-style {
- margin-left: 10px;
- padding-top: 5px;
- }
- </style>
- <div class="page-container">
- <form class="form form-horizontal" id="form-add" style="padding-left: 13px">
- <div class="row cl">
- <div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>
- <div class="" style="text-align: center; margin: 30px 0;">
- <p>诊断评分:<span id="cj" class="ft-color-red">[[${diagnostic_score}]]</span></p>
- <a onClick="removeIframe();" class="btn btn-default radius" type="button"> 取消 </a>
- </div>
- </div>
- <!--<div class="row cl">-->
- <!--<table class="ld-table">-->
- <!--<thead>-->
- <!--<tr>-->
- <!--<th>诊断类别</th>-->
- <!--<th width="">得分</th>-->
- <!--<th width="">状态</th>-->
- <!--</tr>-->
- <!--</thead>-->
- <!--<tbody>-->
- <!--<tr>-->
- <!--<td>主体基础</td>-->
- <!--<td>[[${diagnosticReport.main_fondation}]]</td>-->
- <!--<td></td>-->
- <!--</tr>-->
- <!--<tr>-->
- <!--<td>人才结构</td>-->
- <!--<td>[[${diagnosticReport.talent_structure}]]</td>-->
- <!--<td></td>-->
- <!--</tr>-->
- <!--<tr>-->
- <!--<td>营收投入</td>-->
- <!--<td>[[${diagnosticReport.revenue_investment}]]</td>-->
- <!--<td></td>-->
- <!--</tr>-->
- <!--<tr>-->
- <!--<td>知识产权</td>-->
- <!--<td>[[${diagnosticReport.intellectual_property}]]</td>-->
- <!--<td></td>-->
- <!--</tr>-->
- <!--<tr>-->
- <!--<td>研发管理</td>-->
- <!--<td>[[${diagnosticReport.development_management}]]</td>-->
- <!--<td></td>-->
- <!--</tr>-->
- <!--</tbody>-->
- <!--</table>-->
- <!--</div>-->
- </form>
- </div>
- <script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts.js}"></script>
- <script type="text/javascript" th:src="@{/js/lib/highcharts/exporting.js}"></script>
- <script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts-zh_CN.js}"></script>
- <script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts-more.js}"></script>
- <script type="text/javascript" src="https://www.highcharts.com/samples/data/usdeur.js"></script>
- <script th:inline="javascript">
- $(function () {
- var diagnosticReport = [[${diagnosticReport}]];
- var chart = Highcharts.chart('container', {
- chart: {
- polar: true,
- type: 'area'
- },
- title: {
- text: '《科技创新能力综合评估诊断报告》',
- x: -80
- },
- pane: {
- size: '80%'
- },
- xAxis: {
- categories: ['主体基础', '人才结构', '营收投入', '知识产权', '研发管理'],
- 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: '诊断结果',
- data: [diagnosticReport.main_fondation, diagnosticReport.talent_structure, diagnosticReport.revenue_investment, diagnosticReport.intellectual_property, diagnosticReport.development_management],
- pointPlacement: 'on'
- }],
- exporting: {
- filename: '《科技创新能力综合评估诊断报告》'
- }
- });
- })
- ;
- //取消
- function removeIframe() {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- }
- </script>
- </body>
- </html>
|