diagnostic_radar.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <!DOCTYPE HTML>
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  4. layout:decorate="~{admin/common/common}">
  5. <head>
  6. <title>诊断用户组列表</title>
  7. </head>
  8. <body layout:fragment="content">
  9. <style>
  10. .stars {
  11. white-space: nowrap;
  12. text-align: center;
  13. }
  14. .stars li {
  15. display: inline-block;
  16. color: #ADADAD;
  17. cursor: pointer;
  18. list-style: none;
  19. }
  20. .stars li .iconfont {
  21. font-size: 30px;
  22. }
  23. .textarea-style {
  24. border: solid 1px #dadada;
  25. padding: 5px;
  26. width: 100%;
  27. height: 80px;
  28. resize: none;
  29. }
  30. .dj-style {
  31. margin-left: 10px;
  32. padding-top: 5px;
  33. }
  34. </style>
  35. <div class="page-container">
  36. <form class="form form-horizontal" id="form-add" style="padding-left: 13px">
  37. <div class="row cl">
  38. <div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>
  39. <div class="" style="text-align: center; margin: 30px 0;">
  40. <p>诊断评分:<span id="cj" class="ft-color-red">[[${diagnostic_score}]]</span></p>
  41. <a onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
  42. </div>
  43. </div>
  44. <!--<div class="row cl">-->
  45. <!--<table class="ld-table">-->
  46. <!--<thead>-->
  47. <!--<tr>-->
  48. <!--<th>诊断类别</th>-->
  49. <!--<th width="">得分</th>-->
  50. <!--<th width="">状态</th>-->
  51. <!--</tr>-->
  52. <!--</thead>-->
  53. <!--<tbody>-->
  54. <!--<tr>-->
  55. <!--<td>主体基础</td>-->
  56. <!--<td>[[${diagnosticReport.main_fondation}]]</td>-->
  57. <!--<td></td>-->
  58. <!--</tr>-->
  59. <!--<tr>-->
  60. <!--<td>人才结构</td>-->
  61. <!--<td>[[${diagnosticReport.talent_structure}]]</td>-->
  62. <!--<td></td>-->
  63. <!--</tr>-->
  64. <!--<tr>-->
  65. <!--<td>营收投入</td>-->
  66. <!--<td>[[${diagnosticReport.revenue_investment}]]</td>-->
  67. <!--<td></td>-->
  68. <!--</tr>-->
  69. <!--<tr>-->
  70. <!--<td>知识产权</td>-->
  71. <!--<td>[[${diagnosticReport.intellectual_property}]]</td>-->
  72. <!--<td></td>-->
  73. <!--</tr>-->
  74. <!--<tr>-->
  75. <!--<td>研发管理</td>-->
  76. <!--<td>[[${diagnosticReport.development_management}]]</td>-->
  77. <!--<td></td>-->
  78. <!--</tr>-->
  79. <!--</tbody>-->
  80. <!--</table>-->
  81. <!--</div>-->
  82. </form>
  83. </div>
  84. <script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts.js}"></script>
  85. <script type="text/javascript" th:src="@{/js/lib/highcharts/exporting.js}"></script>
  86. <script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts-zh_CN.js}"></script>
  87. <script type="text/javascript" th:src="@{/js/lib/highcharts/highcharts-more.js}"></script>
  88. <script type="text/javascript" src="https://www.highcharts.com/samples/data/usdeur.js"></script>
  89. <script th:inline="javascript">
  90. $(function () {
  91. var diagnosticReport = [[${diagnosticReport}]];
  92. var chart = Highcharts.chart('container', {
  93. chart: {
  94. polar: true,
  95. type: 'area'
  96. },
  97. title: {
  98. text: '《科技创新能力综合评估诊断报告》',
  99. x: -80
  100. },
  101. pane: {
  102. size: '80%'
  103. },
  104. xAxis: {
  105. categories: ['主体基础', '人才结构', '营收投入', '知识产权', '研发管理'],
  106. tickmarkPlacement: 'on',
  107. lineWidth: 0
  108. },
  109. yAxis: {
  110. gridLineInterpolation: 'polygon',
  111. lineWidth: 0,
  112. min: 0
  113. },
  114. tooltip: {
  115. shared: true,
  116. pointFormat: '<span style="color:{series.color}">{series.name}: <b>{point.y:,.0f}</b><br/>'
  117. },
  118. legend: {
  119. align: 'right',
  120. verticalAlign: 'top',
  121. y: 70,
  122. layout: 'vertical'
  123. },
  124. series: [{
  125. name: '诊断结果',
  126. data: [diagnosticReport.main_fondation, diagnosticReport.talent_structure, diagnosticReport.revenue_investment, diagnosticReport.intellectual_property, diagnosticReport.development_management],
  127. pointPlacement: 'on'
  128. }],
  129. exporting: {
  130. filename: '《科技创新能力综合评估诊断报告》'
  131. }
  132. });
  133. })
  134. ;
  135. //取消
  136. function removeIframe() {
  137. var index = parent.layer.getFrameIndex(window.name);
  138. parent.layer.close(index);
  139. }
  140. </script>
  141. </body>
  142. </html>