serverDetail.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. <!DOCTYPE html>
  2. <html lang="en"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  5. layout:decorate="~{home/common/common}">
  6. <head>
  7. <meta charset="UTF-8">
  8. <title th:text="服务事项"></title>
  9. <style>
  10. .bFind-wrapper-top {
  11. background: #fff;
  12. border-color: #ccc #aaa #aaa #ccc;
  13. border-style: solid;
  14. border-width: 1px;
  15. height: 25px !important;
  16. padding: 4px;
  17. margin: 0;
  18. }
  19. .bsBox {
  20. width: auto !important;
  21. height: auto !important;
  22. }
  23. .text-overflow {
  24. overflow: hidden;
  25. text-overflow: ellipsis;
  26. white-space: nowrap;
  27. }
  28. </style>
  29. </head>
  30. <body layout:fragment="content">
  31. <!-- 头部导航 -->
  32. <div th:replace="~{home/common/header :: header}"></div>
  33. <!--nav-->
  34. <div class="center_nav">
  35. <div th:replace="~{home/common/header :: nav}"></div>
  36. </div>
  37. <!-- 主体内容 -->
  38. <div class="main">
  39. <div class="container projects">
  40. <div class="row">
  41. <div class="hidden-xs" style="padding-left: 0;">
  42. <ol class="breadcrumbFixed clearfix"
  43. style="margin-top: 40px;border-bottom: 0px solid #fff;margin-bottom: 0;">
  44. <li>
  45. <a th:href="@{/home}">首页</a>
  46. </li>
  47. <li class="active"><a><cite>服务事项</cite></a></li>
  48. </ol>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="container">
  53. <div class="row">
  54. <div class="detail-leftNav">
  55. <p class="detail-leftNav-title">服务事项</p>
  56. <ul id="projectServerType">
  57. </ul>
  58. </div>
  59. <div class="col-sm-10 col-md-10 col-lg-10" style="float: right">
  60. <div class="detailTab" style="margin-top: 20px;">
  61. <input th:type="hidden" id="declaration_id" name="declaration_id">
  62. <div id="news_top" class="row">
  63. <div class="col-sm-12 col-md-12 col-lg-12">
  64. <div>
  65. <h2 id="project_name" style="text-align: center;">
  66. </h2>
  67. </div>
  68. <div class="post_meta">
  69. <ul>
  70. <li>发布时间:&nbsp;<span id="release_date">2018-07-26 13:46:23</span></li>
  71. <li>浏览:&nbsp;<span id="browse_count">0</span></li>
  72. <li>来源:&nbsp;<span id="project_source_name"></span></li>
  73. <li>发布人:&nbsp;<span id="department_name"></span></li>
  74. <li><span id="" style="vertical-align: middle;">分享:</span>&nbsp;
  75. <div class="bshare-custom" style="display: inline-block">
  76. <!--<div class="bsPromo bsPromo2"></div>-->
  77. <a title="分享到QQ空间" class="bshare-qzone" href="javascript:void(0);"></a>
  78. <a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
  79. <a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
  80. <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
  81. <!--<span class="BSHARE_COUNT bshare-share-count" style="float: none;">41K</span>-->
  82. </div>
  83. <script type="text/javascript" charset="utf-8"
  84. src="https://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
  85. <script type="text/javascript" charset="utf-8"
  86. src="https://static.bshare.cn/b/bshareC0.js"></script>
  87. </li>
  88. </ul>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="row">
  93. <div class="col-sm-12 col-md-12 col-lg-12">
  94. <div class="centerContent" style="padding-top: 20px;">
  95. <div>
  96. <div class="text" id="content" style="visibility: visible;">
  97. <!--<p><span>1、事务介绍:</span></p>
  98. <p><span>苏州市域内企业投资的分布式光伏发电项目,由苏州市发改委实行备案;自然人利用自有住宅在住宅及在住宅区域内投资建设的分布式光伏发电项目,由各县级、区实行备案。</span></p>
  99. <p><span>2、许可主体: 《国家能源局关于印发分布式发电项目管理暂行办法的通知》(国能新能[2013]433号)、《省政府关于取消和下放126项行政审批项目的通知》(苏政发[2013]149号)和《省政府办公厅关于印发江苏省促进光伏产业健康发展实施办法的通知》(苏政发[2014]19号)</span></p><p><span>3、许可依据:苏州市发改委</span></p><p><span>4、受理部门:苏州高新区企业服务中心</span></p><p><span>5、申请须知: </span></p><p><span>(一)企业项目备案</span></p><p><span>1.项目备案的流程</span></p><p><span>(1)项目投资企业向项目属地发改部门申请项目备案,属地发改部门经初审后报苏州市发改委;</span></p><p><span>(2)项目投资企业填写项目备案申请表(表格从苏州市发改委网站下载)及备案所需提供的相关材料,报苏州市行政服务中心发改委窗口。</span></p><p><span>(3)窗口受理并通过形式审查,拟文交能源处、法规处会签;</span></p><p><span>(4)会签通过并经办公室核稿,交由分管主任审定;</span></p><p><span>(5)分管主任审定并签发后,交由办公室打印并由窗口盖章;</span></p><p><span>(6)备案文件交由窗口交属地发改部门。</span></p><p><span>(二)自然人项目备案</span></p><p><span>1.项目备案的流程</span></p><p><span>(1)自然人直接向项目属地电网企业申请登记;</span></p><p><span>(2)属地电网企业集中一批项目后,向属地发改部门申请备案;</span></p><p><span>(3)属地发改部门按属地所规定的备案流程办理备案。</span></p><p><span><br></span></p><p><span>6、呈交材料:</span></p><p><span>(一)企业项目备案</span></p><p><span>&nbsp;(1)属地发改部门的项目备案请示</span></p><p><span>(2)项目备案申请表</span></p><p><span>(3)项目投资企业营业执照,法人代表身份证</span></p><p><span>(4)项目所依托建筑(设施)房屋产权证(土地证)</span></p><p><span>(5)房屋租赁合同和合同能源管理协议(如建筑物非项目建设单位所有)</span></p><p><span>(6)载荷复核计算书</span></p><p><span>(7)技术方案</span></p><p><span>(二)自然人项目备案</span></p><p><span>(1)属地电网企业的项目备案请示</span></p><p><span>(2)电网企业的并网接入意见</span></p><p><span><br></span></p><p><span>7、办事程序:</span></p><p><span>区发改局发申报通知-企业报送纸质材料-中心初审-处室线下审核-区财政线下审核-管委会分管领导审批</span></p><p><span>8、实施本作业指导书所使用的表格:</span></p><p><span>9、实施本作业指导书所形成的记录:</span></p><p><span><br></span></p><p><span>10、申办地点: </span></p><p><span>苏州高新区科灵路37号苏州高新区企业服务中心</span></p><p><span><br></span></p><p><span><br></span></p>-->
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="col-sm-12 col-md-12 col-lg-12">
  105. <div><label>附件(备注:如直接点击文件无法下载,请右击另存为。):</label><a id="fileDown" title="如直接点击文件无法下载,请右击另存为。" download target="_blank"></a></div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="row" id="applyButton" hidden>
  113. <div class="col-sm-12 col-md-12 col-lg-12" style="text-align:center;">
  114. <div style="padding-top: 20px;">
  115. <a class="btn btn-warning j-signup-btn" onclick="checkLogin()">服务事项填报</a>
  116. </div>
  117. </div>
  118. </div>
  119. <input type="hidden" id="navigation_id" th:value="${navigation_id}"/>
  120. </div>
  121. <!--页底-->
  122. <div th:replace="~{home/common/footer :: footer}"></div>
  123. <script th:inline="javascript">
  124. $("li[role='presentation']").removeClass();
  125. var id = $("#navigation_id").val();
  126. var projectId = $("#project_id").val();
  127. $("#" + id).parent().attr("class", "active");
  128. layui.use('element', function () {
  129. var element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块
  130. });
  131. var pagePath = $("meta[name='_ctx']").attr("content");
  132. pagePath = pagePath.substring(0, pagePath.length - 1);
  133. var projectId = $("#project_id").val();
  134. $(function () {
  135. var html = "";
  136. var list = [[${projectServiceTypeList}]];
  137. findMatters(list[0].id);
  138. list.forEach(function (i, index) {
  139. html += '<li><a href="javascript:;" onclick="findMatters(' + i.id + ')" id="' + i.id + '" class="ellipsis" title="' + i.service_type_name + '">' + i.service_type_name + '</a></li>';
  140. });
  141. $('#projectServerType').html(html);
  142. // $(".detail-leftNav ul li:first").addClass("active");
  143. });
  144. $(document).on("click", ".detail-leftNav ul li", function () {
  145. var index = $(this).index()
  146. $(this).addClass("active").siblings().removeClass("active");
  147. // $(".detailTab").eq(index).show().siblings().hide();
  148. });
  149. function findMatters(id) {
  150. $("#fileDown").html("");
  151. $.ajax({
  152. url: pagePath + "/company/projectMatters/findMatters",
  153. type: "get",
  154. data: {
  155. 'id': id,
  156. 'time': new Date()
  157. },
  158. dataType: "json",
  159. success: function (result) {
  160. if (result.success) {
  161. var projectServerType = result.obj;
  162. $("#project_name").html(projectServerType.project_name);
  163. $("#release_date").html(projectServerType.release_date);
  164. $("#browse_count").html(projectServerType.browse_count);
  165. $("#project_source_name").html(projectServerType.project_source_name);
  166. $("#department_name").html(projectServerType.department_name);
  167. $("#content").html(projectServerType.content);
  168. $("#fileDown").html(projectServerType.fileDown.file_name);
  169. $("#fileDown").attr("href", projectServerType.fileUrl + projectServerType.fileDown.file_url);
  170. $("#declaration_id").val(projectServerType.id);
  171. if ("1" == projectServerType.is_public) {
  172. $("#applyButton").show();
  173. }else{
  174. $("#applyButton").hide();
  175. }
  176. }
  177. }
  178. })
  179. }
  180. function checkLogin() {
  181. $.ajax({
  182. url: pagePath + "/home/checkLogin/",
  183. type: "get",
  184. dataType: "json",
  185. data: {
  186. timeStamp: new Date()
  187. },
  188. success: function (result) {
  189. if (result.success) {
  190. var obj = result.obj;
  191. if (obj.isLogin) {
  192. //已登录
  193. if (!obj.userType == 3) {
  194. errorMessage('仅供企业用户申报!');
  195. } else {
  196. location.href = pagePath + '/company/projectMatters/add/' + $("#declaration_id").val();
  197. }
  198. } else {
  199. //errorMessage("请登陆!");
  200. location.href = pagePath + "/home/login";
  201. localStorage.setItem("activityUrl", pagePath + '/company/projectMatters/add/' + $("#declaration_id").val());
  202. localStorage.setItem("returnUrl", pagePath + '/home/serverDetail/' + $("#declaration_id").val() + '/0');
  203. localStorage.setItem("requiredUserType", "3");
  204. localStorage.setItem("errorMsg", "仅供企业用户申报!");
  205. }
  206. } else {
  207. errorMessage(result.message);
  208. }
  209. },
  210. error: function () {
  211. errorMessage('系统错误!');
  212. }
  213. });
  214. }
  215. </script>
  216. </body>
  217. </html>