hummingbird
/
yuqing
Not watched
2
0
Fork 0
Code
Releases 13 Wiki Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Tree: b9c95abcd5
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'b9c95abcd5'
${ noResults }
yuqing/src/main/resources/templates/search/search_company_detail.html

382 lines
15 kB
Raw Blame History 

  1. <!DOCTYPE html>

  2. <html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org">

  3. 

  4. <head>

  5.     <meta charset="utf-8">

  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">

  7.     <meta name="viewport" content="width=device-width, initial-scale=1">

  8.     <meta name="description" content="">

  9.     <meta name="referrer" content="no-referrer"/>

  10.     <meta name="author" content="">

  11.     <!-- Favicon icon -->

  12.     <link rel="icon" type="image/png" sizes="16x16" th:href="@{/assets/images/favicon.png}">

  13.     <title>文章详情·网络情报分析系统</title>

  14.     <!-- Custom CSS -->

  15.     <link th:href="@{/dist/css/style.min.css}" rel="stylesheet">

  16.     <link th:href="@{/dist/css/custom.css}" rel="stylesheet">

  17.     <link th:href="@{/assets/libs/sweetalert2/dist/sweetalert2.min.css}" rel="stylesheet">

  18.     <link rel="stylesheet" type="text/css"

  19.           th:href="@{/assets/libs/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css}">

  20.     <!--<script src="//at.alicdn.com/t/font_1709263_w16payhc3l.js"></script>-->

  21.     <link th:href="@{/assets/extra-libs/c3/c3.min.css}" rel="stylesheet">

  22.     <script th:src="@{/common/analyze-cloud.js}"></script>

  23.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

  24.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

  25.     <!--[if lt IE 9]>

  26.     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

  27.     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

  28.     <![endif]-->

  29.     <style>

  30.         .detail-content div {

  31.             visibility: unset !important;

  32.         }

  33. 

  34.         .page-up-next {

  35. 

  36.             justify-content: space-between;

  37.             padding-top: 40px;

  38.             border-top: 1px dashed rgba(0, 0, 0, .1);

  39.             align-items: center;

  40.         }

  41. 

  42.         .page-up-next > a {

  43.             width: calc(50% - 10px);

  44.             display: inline-block;

  45.             overflow: hidden;

  46.             text-overflow: ellipsis;

  47.             white-space: nowrap;

  48.             font-size: 12px;

  49.             color: #2962FF !important;

  50.         }

  51. 

  52.         .page-up-next > a:first-child {

  53.             text-align: left;

  54.         }

  55. 

  56.         .page-up-next > a:last-child {

  57.             text-align: right;

  58.         }

  59. 

  60.         .page-up-next > a > span {

  61.             margin-right: 10px;

  62.         }

  63.         .mainTable{

  64. 			border-spacing:0;

  65. 			border-collapse:collapse;

  66. 		}

  67. 		.tb{

  68. 			background:#F2F9FC;

  69. 			width:13%;

  70. 		}

  71. 		.mainTable td{

  72. 		    padding:10px 10px 11px 10px;border:#E4EEF6 1px solid;word-break:break-all;font-size:14px;

  73. 		    line-height: 1.6;

  74. 		    color: #222;

  75. 		    word-wrap: break-word;

  76. 		}

  77. 		.mainTable2 .tx{

  78. 			 text-align: center;

  79. 		    width: 56px;

  80. 		}

  81. 		.mainTable2 th{

  82. 			text-align:center;

  83. 			background:#F2F9FC;

  84. 			border:#E4EEF6 1px solid;

  85. 			border-collapse: collapse;

  86. 		    padding:12px 12px 12px 12px;

  87. 		    font-weight: normal;

  88. 		    color: #444;

  89. 		    line-height: 19px;

  90. 		}

  91. 		

  92. 		.mainTable2 td{

  93. 		    padding:10px 10px 11px 10px;border:#E4EEF6 1px solid;word-break:break-all;font-size:14px;

  94. 		    line-height: 1.6;

  95. 		    color: #222;

  96. 		    word-wrap: break-word;

  97. 		}

  98. 		table{

  99. 			margin-bottom:40px;

  100. 		}

  101. 		.lcontent{

  102. 		    float: left;

  103. 		    margin:18px 0px 10px 10px;

  104. 		    font-size: 14px;

  105. 		    color: #000;

  106. 		}

  107.     </style>

  108. </head>

  109. <body>

  110. <div id="main-wrapper">

  111.     <div th:replace="common/header::header"></div>

  112.     <div th:replace="common/search_left::search_left"></div>

  113.     <div class="page-wrapper">

  114.         <div class="right-part right-content">

  115.             <!-- nav start-->

  116.             <div class="page-breadcrumb">

  117.                 <div class="row">

  118.                     <div class="col-lg-5 align-self-center">

  119.                         <div class="d-flex align-items-center">

  120.                             <nav aria-label="breadcrumb">

  121.                                 <ol class="breadcrumb" id="breadCrumbs">

  122.                                 </ol>

  123.                             </nav>

  124.                         </div>

  125.                     </div>

  126. <!--                     <div class="col-lg-7 align-self-center "> -->

  127. <!--                         <div class="d-flex no-block justify-content-end align-items-center data-number-min"> -->

  128. <!--                             <button class="btn btn-outline-secondary btn-sm bnone" type="button" id="goback"> -->

  129. <!--                                 <i class="mdi mdi-redo-variant"></i> 返回 -->

  130. <!--                             </button> -->

  131. <!--                         </div> -->

  132. <!--                     </div> -->

  133.                 </div>

  134.             </div>

  135.             <!-- nav end-->

  136.             <div class="p-20">

  137.                 <!-- basic table -->

  138.                 <div class="row m-b-20">

  139.                     <div class="col-lg-12">

  140.                         <div class="card">

  141.                             <div class="card-body">

  142.                                 <h4 class="card-title" id="title"></h4>

  143.                                 <div class="detail-tips">

  144.                                     <span id="phone"></span>

  145.                                     <span id="address"></span>

  146.                                     <span id="publish_time"></span>

  147.                                     <span id="yuanwen"></span>

  148.                                 </div>

  149.                             </div>

  150.                         </div>

  151.                         <div class="card m-b-0" style="min-height: 100vh;">

  152.                             <div class="card-body">

  153.                                 <div class="detail-content" id="content">

  154. 

  155.                                 </div>

  156.                             </div>

  157.                         </div>

  158.                     </div>

  159.                 </div>

  160.             </div>

  161.             <div class="page-footer">

  162.                 © 2014-2022 南京涌亿思信息技术有限公司 苏ICP备17066984号-1

  163.             </div>

  164.         </div>

  165.     </div>

  166. </div>

  167. <script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script>

  168. <script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script>

  169. <script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script>

  170. <script th:src="@{/dist/js/app.min.js}"></script>

  171. <script th:src="@{/dist/js/app.init.light-sidebar.js}"></script>

  172. <script th:src="@{/dist/js/app-style-switcher.js}"></script>

  173. <script th:src="@{/assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js}"></script>

  174. <script th:src="@{/assets/extra-libs/sparkline/sparkline.js}"></script>

  175. <script th:src="@{/dist/js/waves.js}"></script>

  176. <script th:src="@{/dist/js/sidebarmenu.js}"></script>

  177. <script th:src="@{/dist/js/custom.min.js}"></script>

  178. <script th:src="@{/assets/libs/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js}"></script>

  179. <script th:src="@{/assets/libs/sweetalert2/dist/sweetalert2.all.min.js}"></script>

  180. <script th:src="@{/dist/js/pages.js}"></script>

  181. <script th:src="@{/assets/extra-libs/c3/d3.min.js}"></script>

  182. <script th:src="@{/assets/extra-libs/c3/c3.min.js}"></script>

  183. <script th:src="@{/common/tools.js}"></script>

  184. <script th:src="@{/dist/search_detail.js}"></script>

  185. 

  186. <script type="text/javascript" th:inline="javascript">

  187. 

  188.     var articleId = [[${articleid}]];

  189.     var menu = [[${menu}]];

  190.     var type = [[${type}]];

  191.     

  192. 

  193.     $(function () {

  194.         breadCrumbs();

  195.         articleDetail();

  196.     });

  197. 

  198.     // 文章详情

  199.     function articleDetail() {

  200.         $.ajax({

  201.                 url: ctxPath + 'fullsearch/companyDetails',

  202.                 type: 'GET',

  203.                 dataType: 'json',

  204.                 data: {

  205.                 	article_public_id: articleId,

  206.                 },

  207.                 success: function (res) {

  208.         			let phone=res.phone_number;

  209.         			let address=res.address;

  210.         			let legal_person=res.legal_representative;

  211.         			let code=res.uniformSocialCreditCode;

  212.         			let insured_num=res.insured_num;

  213.         			if(typeof phone=="undefined"){

  214.         				phone=res.phone;

  215.         			}

  216.         			if(typeof address=="undefined"){

  217.         				address=res.location;

  218.         			}

  219.         			if(typeof legal_person=="undefined"){

  220.         				legal_person=res.legal_person;

  221.         			}

  222.         			if(typeof code=="undefined"){

  223.         				code=res.taxpayer_identification;

  224.         			}

  225.         			if(typeof insured_num=="undefined"){

  226.         				insured_num=res.insureds;

  227.         			}

  228.         			//主要人员

  229.         			var keypersonhtml='';

  230.         			let keypersion=res.key_person;

  231.         			var keypersonhead='';

  232.         			if(keypersion!=null){

  233.         				keypersonhead+='<h3>主要人员</h3><table class="mainTable2"><tbody>'+

  234.                     			'<tr>'+

  235.                     			'<th style="width:100px;">序号</th>'+

  236.                     			'<th style="width:300px;">姓名</th>'+

  237.                     			'<th style="width:410px;">职务</th>'+

  238.                     			'</tr>';

  239.         				let person=JSON.parse(keypersion);

  240.         				var keypersoncon='';

  241.         				console.log(person);

  242.         				for(var i=0;i<person.length;i++){

  243.         					keypersoncon+='<tr>'+

  244.             				'<td>'+person[i].id+'</td>'+

  245.             				'<td>'+person[i].name+'</td>'+

  246.             				'<td>'+person[i].position+'</td>'+

  247.             			'</tr>';

  248.         				}	

  249.                     				

  250.         				keypersoncon+='</tbody></table>';

  251.         				keypersonhtml=keypersonhead+keypersoncon;

  252.         			}

  253.         			var changeRecordHtml='';

  254.         			if(res.change_record!=null){

  255.         				//变更记录

  256.         				let changeRecord=JSON.parse(res.change_record);

  257.             			if(changeRecord.length!=0){

  258.             				var changeRecordhead='';

  259.             				changeRecordhead+='<h3>变更记录</h3><table class="mainTable2"><tbody>'+

  260.                 			'<tr>'+

  261.                 			'<th style="width:100px;">序号</th>'+

  262.                 			'<th style="width:200px;">变更日期</th>'+

  263.                 			'<th style="width:220px;">变更项目</th>'+

  264.                 			'<th style="width:287px;">变更前</th>'+

  265.                 			'<th style="width:288px;">变更后</th>'+

  266.                 			'</tr>';

  267.         				var changeRecordcon='';

  268.         				for(var i=0;i<changeRecord.length;i++){

  269.         					changeRecordcon+='<tr>'+

  270.             				'<td>'+changeRecord[i].id+'</td>'+

  271.             				'<td>'+changeRecord[i].alterDate+'</td>'+

  272.             				'<td>'+changeRecord[i].alterItem+'</td>'+

  273.             				'<td>'+changeRecord[i].alterBefore+'</td>'+

  274.             				'<td>'+changeRecord[i].alterAfter+'</td>'+

  275.             			'</tr>';

  276.         				}	

  277.                     				

  278.         				changeRecordcon+='</tbody></table>';

  279.         				changeRecordHtml+=changeRecordhead+changeRecordcon;

  280.         				

  281.             		}

  282.         			}

  283.         			//股东

  284.         			var gudonghtml='';

  285.         			if(res.shareholder!=null){

  286.         				let gu=JSON.parse(res.shareholder);

  287.             			//股东信息

  288.             			if(gu.length!=0){

  289.             				var gudonghead='';

  290.             				gudonghead+='<h3>股东信息</h3><table class="mainTable2"><tbody>'+

  291.                 			'<tr>'+

  292.                 			'<th style="width:100px;">序号</th>'+

  293.                 			'<th style="width:300px;">发起人/股东</th>'+

  294.                 			'<th style="width:410px;">认缴出资额</th>'+

  295.                 			'<th style="width:410px;">实际出资额</th>'+

  296.                 			'</tr>';

  297.         				var gucon='';

  298.         				for(var i=0;i<gu.length;i++){

  299.         					gucon+='<tr>'+

  300.             				'<td>'+gu[i].id+'</td>'+

  301.             				'<td>'+gu[i].name+'</td>'+

  302.             				'<td>'+gu[i].capital_contribution+'</td>'+

  303.             				'<td>'+gu[i].actual_contribution+'</td>'+

  304.             			'</tr>';

  305.         				}	

  306.         				gucon+='</tbody></table>';

  307.         				gudonghtml+=gudonghead+gucon;

  308.             		}

  309.         			}

  310.         			var push_time=res.establish_time;

  311.         	           push_time=/\d{4}-\d{1,2}-\d{1,2}/g.exec(push_time);

  312.         	        $('#title').html(res.name)

  313.         	        $('#phone').html('电话：' + phone)

  314.         	        $('#address').html('地址：' + address)

  315.         			var html='<div class="row" style="margin-left:0px;margin-bottom:20px">'+

  316.                		'</div>'+

  317.                		'<h3>工商信息</h3>'+

  318.                 	'<table class="mainTable">'+

  319.                 		'<tbody>'+

  320.                 		'<tr>'+

  321.                 			'<td class="tb">法定代表人</td>'+

  322.                 			'<td style="width:20%">'+legal_person+'</td>'+

  323.                 			'<td class="tb">企业名称</td>'+

  324.                 			'<td style="width:20%">'+res.name+'</td>'+

  325.                 			'<td  class="tb">统一社会信用代码</td>'+

  326.                 			'<td style="width:14%">'+code+'</td>'+

  327.                 		'</tr>'+

  328.                 		'<tr>'+

  329.                 			'<td class="tb">工商注册号</td>'+

  330.                 			'<td style="width:20%">'+res.registration+'</td>'+

  331.                 			'<td class="tb">核准日期</td>'+

  332.                 			'<td style="width:20%">'+push_time+'</td>'+

  333.                 			'<td  class="tb">成立日期</td>'+

  334.                 			'<td style="width:14%">'+push_time+'</td>'+

  335.                 		'</tr><tr>'+

  336.                 			'<td class="tb">参保人数</td>'+

  337.                 			'<td style="width:20%">'+insured_num+'</td>'+

  338.                 			'<td class="tb">登记状态</td>'+

  339.                 			'<td style="width:20%">'+res.status+'</td>'+

  340.                 			'<td  class="tb">纳税人识别号</td>'+

  341.                 			'<td style="width:14%">'+code+'</td>'+

  342.                 		'</tr>'+

  343.                 		'<tr>'+

  344.             			'<td class="tb">企业类型</td>'+

  345.             			'<td style="width:20%">'+res.enterprise_type+'</td>'+

  346.             			'<td class="tb">注册资本</td>'+

  347.             			'<td style="width:20%">'+res.registered_capital_str+'</td>'+

  348.             			'<td  class="tb">所属行业</td>'+

  349.             			'<td style="width:14%">'+res.industry_involved+'</td>'+

  350.             		'</tr>'+

  351.                 			'<tr>'+

  352.                 			'<td class="tb">经营范围</td>'+

  353.                 			'<td colspan=5>'+res.business_scope+'</td>'+

  354.                 		'</tr>'+

  355.                 			'</tbody></table>';

  356.     					 html+=keypersonhtml+gudonghtml+changeRecordHtml; 

  357. 					$('#content').html(html);

  358.                     

  359.                 },

  360.                 error: function (xhr, ajaxOptions, thrownError) {

  361.                     console.log(xhr);

  362.                     if (xhr.status == 403) {

  363.                         window.location.href = ctxPath + "login";

  364.                     }

  365.                 }

  366.             }

  367.         );

  368.     }

  369. 

  370.     $('.navLi').click(function () {

  371.         jumpNavLocation($(this).data('type'), groupId, projectId);

  372.     })

  373. 

  374. 

  375.     $("#goback1").click(function (param) {

  376. //        window.location.href = ctxPath + "monitor?projectId="+projectId+"&groupid="+groupId+"&page=6";

  377.     });

  378. 

  379. </script>

  380. </body>

  381. 

  382. </html>