Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
shuochen
/
LargeScreenVisualization
1
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Haara: master
Haarat Tagit
LargeScreenVisu...
/
viewdata-master
/
新增75套源码
/
17
/
sanlian.html

sanlian.html 12 KB
Pysyvä linkki Historia Raaka

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275 
  1. 
    2. 

  2. <!DOCTYPE html>
    3. 

  3. <html>
    4. 

  4. <head>
    5. 

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

  6. <title>大公</title>
    7. 

  7. <link rel="stylesheet" type="text/css" href="css/index.css">
    8. 

  8. 

  9. </head>
    10. 

  10. <body>
    11. 

  11. 

  12. 	<div class="wrap">
    13. 

  13. 		<div class="wid_1820">
    14. 

  14. 

  15. 			<div class="header">
    16. 

  16. 					<p class="tmtext"><span>2017-12-08 &emsp;&emsp;<span>14:39</span></span></p>
    17. 

  17. 				<p><span class="hefont" onclick="toindex()">信用风险定位系统(银行版)</span></p>
    18. 

  18. 				<p><span>用户名<a>[退出]</a></span></p>
    19. 

  19. 			</div>
    20. 

  20. 				
    21. 

  21. 				<h3 class="title ttbg">山东齐悦科技有限公司</br><span>纺织业</span></h3>
    22. 

  22. 				<div class="baner">
    23. 

  23. 					<a class="jybt">经营动态</a>
    24. 

  24. 					<a class="czbt">偿债能力平衡</a>
    25. 

  25. 					<a class="kbbt">可变现资产结构</a>
    26. 

  26. 					<a class="wbgl">外部关联</a>
    27. 

  27. 				</div>
    28. 

  28. 			<div class="content content1"> <img class="guang" src="img/title.png"/>
    29. 

  29. 				<p class="ctitle">偿债能力平衡</p>
    30. 

  30. 				<div class="cznl">
    31. 

  31. 					<div class="czl">
    32. 

  32. 						<div class="tb tb_pos">
    33. 

  33. 							<h3>偿债来源</h3>
    34. 

  34. 							<table class="table1">
    35. 

  35. 								<tr class="tb_title"><td>类别</td><td>金额(亿元)</td><td>任务覆盖率</td></tr>
    36. 

  36. 								<tr><td>第一偿债来源</td><td>9.23<span class="sheng">↑</span></td><td>49.81%</td></tr>
    37. 

  37. 								<tr><td>第二偿债来源</td><td>5.46<span class="jiang">↓</span></td><td>29.47%</td></tr>
    38. 

  38. 								<tr><td>第三偿债来源</td><td>23.57</td><td>127.2%</td></tr>
    39. 

  39. 								<tr><td>第四偿债来源</td><td>10.45</td><td>56.4%</td></tr>
    40. 

  40. 								<tr><td>第五偿债来源 </td><td>0</td><td>0%</td></tr>
    41. 

  41. 								<tr><td>可用偿债来源</td><td>48.71</td><td>262.87%</td></tr>
    42. 

  42. 							</table>
    43. 

  43. 						</div>
    44. 

  44. 						<div class="tb tb_pos tb_pos2">
    45. 

  45. 							<h3>负债</h3>
    46. 

  46. 							<table class="table1">
    47. 

  47. 								<tr class="tb_title"><td>类别</td><td>金额(亿元)</td></tr>
    48. 

  48. 								<tr><td>偿付利息</td><td>0.95</td></tr>
    49. 

  49. 								<tr><td>偿付本金</td><td>17.58</td></tr>
    50. 

  50. 								<tr><td>代偿额度期望 </td><td>0</td></tr>
    51. 

  51. 								<tr><td>其他或有负债 </td><td>0</td></tr>
    52. 

  52. 								<tr><td>债务负担</td><td>18.53</td></tr>
    53. 

  53. 							</table>
    54. 

  54. 						</div>
    55. 

  55. 						<div class="fxzt">
    56. 

  56. 							<div>
    57. 

  57. 								<span>盈利对利息覆盖能力</span>
    58. 

  58. 								<ul class="fxztul">
    59. 

  59. 									<li class="litime"><span></span>时间<p>2017-12-08</p></li>
    60. 

  60. 									<li class="listate"><span></span>风险状态<p>安全</p></li>
    61. 

  61. 									<li class="linumber"><span></span>指数值<p>5.42</p></li>
    62. 

  62. 									<li><div class="baojing"></div></li>
    63. 

  63. 								</ul>
    64. 

  64. 							</div>
    65. 

  65. 						</div>
    66. 

  66. 						<div id="line1" class="div1 line1"></div>
    67. 

  67. 						<div style="clear: both;"></div>
    68. 

  68. 						<div class="fxzt">
    69. 

  69. 							<div>
    70. 

  70. 								<span>流动性还本付息能力</span>
    71. 

  71. 								<ul class="fxztul">
    72. 

  72. 									<li class="litime"><span></span>时间<p>2017-12-08</p></li>
    73. 

  73. 									<li class="listate"><span></span>风险状态<p>安全</p></li>
    74. 

  74. 									<li class="linumber"><span></span>指数值<p>5.43</p></li>
    75. 

  75. 									<li><div class="baojing"></div></li>
    76. 

  76. 								</ul>								
    77. 

  77. 							</div>
    78. 

  78. 						</div>
    79. 

  79. 						<div id="line2" class="div1 line1"></div>
    80. 

  80. 						<div style="clear: both;"></div>
    81. 

  81. 						<div class="fxzt">
    82. 

  82. 							<div>
    83. 

  83. 								<span>清偿性还本付息能力</span>
    84. 

  84. 								<ul class="fxztul">
    85. 

  85. 									<li class="litime"><span></span>时间<p>2017-12-08</p></li>
    86. 

  86. 									<li class="listate"><span></span>风险状态<p style="color:yellow">一般</p></li>
    87. 

  87. 									<li class="linumber"><span></span>指数值<p>3.59</p></li>
    88. 

  88. 									<li><div class="baojing1"></div></li>
    89. 

  89. 								</ul>
    90. 

  90. 							</div>
    91. 

  91. 						</div>
    92. 

  92. 						<div id="line3" class="div1 line1"></div>
    93. 

  93. 					</div>
    94. 

  94. 					
    95. 

  95. 					<div id="pie1" class="echart_div pie1"></div>
    96. 

  96. 					<div id="pie2" class="echart_div pie2"></div>
    97. 

  97. 					<div class="piebt piebt1">总资产(元)</div>
    98. 

  98. 					<div class="piebt piebt2">可变现资产(元)</div>
    99. 

  99. 					<div id="guanxi" class="echart_div guanxi"></div>
    100. 

  100. 					
    101. 

  101. 					<div class="gxlist tb"><h3>舆论监控</h3>
    102. 

  102. 						<div class="sanlianbt"><a href="xiangqing.html">三链详情</a></div>
    103. 

  103. 						<ul>
    104. 

  104. 							<li>中泰证券主承销齐悦科技公司债券成功发行<span class="zm">正面</span></li>
    105. 

  105. 							<li>关于核准山东齐悦科技有限公司向合格投资者公开发行公司债券的批复<span class="zm">正面</span></li>
    106. 

  106. 							<li>关于为山东齐悦科技有限公司2017年非公开发行公司债券(第一期)债券提供转让服务有关事项的通知<span class="zx">中性</span></li>
    107. 

  107. 							<!--<li>中泰证券主承销齐悦科技公司债券成功发行<span class="fm">负面</span></li>
    108. 

  108. 							<li>中泰证券主承销齐悦科技公司债券成功发行<span class="fm">负面</span></li>-->
    109. 

  109. 						</ul>
    110. 

  110. 					</div>
    111. 

  111. 					<div class="jydt">
    112. 

  112. 						<div id = "lins1" class="lins1"></div>
    113. 

  113. 						<div class="lines1tb">
    114. 

  114. 							<div class="tb">
    115. 

  115. 								<h3>库存情况</h3>
    116. 

  116. 								<table class="table1">
    117. 

  117. 									<tr style="height:30px;" class="tb_title"><td></td><td></td><td>2017/11/1</td><td>2017/11/8</td><td>2017/11/15</td><td>2017/11/22</td><td>2017/11/29</td></tr>
    118. 

  118. 									<tr><td rowspan="4">原材料</td>
    119. 

  119. 										<td>坯布</td><td>7,879,781</td><td>78,989,914</td><td>73,629,442</td><td>69,270,637</td><td>67,861,664</td></tr>
    120. 

  120. 									<tr><td>棉纱</td><td>61,139,633</td><td>70,880,196</td><td>67,959,026</td><td>63,032,507</td><td>63,561,829</td></tr>
    121. 

  121. 									<tr><td>棉花</td><td>71,008,955</td><td>75,256,706</td><td>63,382,129</td><td>64,836,506</td><td>76,612,864</td></tr>
    122. 

  122. 									<tr><td>亚麻</td><td>61,199,931</td><td>64,724,184</td><td>62,696,472</td><td>79,510,928</td><td>79,315,724</td></tr>
    123. 

  123. 									<tr><td rowspan="6">制成品</td>
    124. 

  124. 										<td>家纺成品</td><td>80,883,063</td><td>87,892,687</td><td>82,954,627</td><td>75,825,942</td><td>80,094,867</td></tr>
    125. 

  125. 									<tr><td>坯布</td><td>88,254,186</td><td>79,616,338</td><td>63,914,752</td><td>8,4783,826</td><td>9,8170,970</td></tr>
    126. 

  126. 									<tr><td>印染布</td><td>69,631,541</td><td>93,435,263</td><td>80,879,546</td><td>72,900,346</td><td>95,863,826</td></tr>
    127. 

  127. 									<tr><td>面纱</td><td>92,783,922</td><td>75,013,325</td><td>72,443,447</td><td>68,968,409</td><td>99,197,853</td></tr>
    128. 

  128. 									<tr><td>原棉</td><td>74,006,136</td><td>64,657,032</td><td>95,932,747</td><td>67,671,029</td><td>75,813,436</td></tr>
    129. 

  129. 									<tr><td>其他</td><td>65,304,531</td><td>64,549,296</td><td>81,638,306</td><td>70,066,027</td><td>63,719,823</td></tr>
    130. 

  130. 									<tr><td>总计</td><td>金额(元)</td><td>743,009,579</td><td>755,0149,41</td><td>745,430,494</td><td>716,866,157</td><td>800,212,856</td></tr>
    131. 

  131. 								</table>
    132. 

  132. 							</div>
    133. 

  133. 						</div>
    134. 

  134. 						<div  class="lins2"><span class="lins_t">产品或服务产能指数</span><div class="linsdiv" id="lins2"></div></div>
    135. 

  135. 						<div  class="lins3"><span class="lins_t">产品或服务消费指数</span><div class="linsdiv" id="lins3"></div></div>
    136. 

  136. 						<div  class="lins4"><span class="lins_t">盈利能力指数</span><div class="linsdiv" id="lins4"></div></div>
    137. 

  137. 						<div class="lines4tb">
    138. 

  138. 							<div class="tb">
    139. 

  139. 								<h3>指数</h3>
    140. 

  140. 								<table class="table1">
    141. 

  141. 									<tr style="height:30px;" class="tb_title"><td></td><td></td><td>2017/11/1</td><td>2017/11/8</td><td>2017/11/15</td><td>2017/11/22</td><td>2017/11/29</td></tr>
    142. 

  142. 									<tr><td colspan="2">产品或服务产能指数</td><td>5.18</td><td>5.26</td><td>5.05</td><td>5.14</td><td>5.27</td></tr>
    143. 

  143. 									<tr><td colspan="2">产品或服务销售指数</td><td>5.13</td><td>5.02</td><td>5.17</td><td>5.07</td><td>4.96</td></tr>
    144. 

  144. 									<tr><td colspan="2">盈利能力指数</td><td>5.18</td><td>5.26</td><td>4.92</td><td>5.28</td><td>5.22</td></tr>
    145. 

  145. 								</table>
    146. 

  146. 							</div>
    147. 

  147. 						</div>
    148. 

  148. 					</div>
    149. 

  149. 				</div>
    150. 

  150. 

  151. 			</div>
    152. 

  152. 		</div>
    153. 

  153. 	</div>
    154. 

  154. </body>
    155. 

  155. </html>
    156. 

  156. 

  157. <script src="libs/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
    158. 

  158. <script src="libs/echarts.min.js" type="text/javascript" charset="utf-8"></script>
    159. 

  159.  <script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
    160. 

  160. <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
    161. 

  161. <script src="js/sanlian.js"></script>
    162. 

  162. <script>
    163. 

  163. 	$(function(){
    164. 

  164. 		var titme1="";
    165. 

  165. 		
    166. 

  166. 		$(".baner a").click(function(){
    167. 

  167. 			
    168. 

  168. 			//$(".baner a").css("background-color","rgba(255,255,255,0)");
    169. 

  169. 			$(".baner a").removeClass("ahover");
    170. 

  170. 			$(".cznl>div").css("display","none");
    171. 

  171. 			$(".cznl").css("display","block");
    172. 

  172. 			var chartid = $(this).attr("class");
    173. 

  173. 			if(chartid === "jybt"){
    174. 

  174. 				$(".jydt").css("display","block");
    175. 

  175. 				var lins1 = echarts.init(document.getElementById('lins1'));
    176. 

  176. 				var lins2 = echarts.init(document.getElementById('lins2'));
    177. 

  177. 				var lins3 = echarts.init(document.getElementById('lins3'));
    178. 

  178. 				var lins4 = echarts.init(document.getElementById('lins4'));
    179. 

  179. 				lins1.setOption(option1);
    180. 

  180. 				optionl2.series[0].data = [5.18, 5.26, 5.05, 5.14, 5.27];
    181. 

  181. 				lins2.setOption(optionl2);
    182. 

  182. 				optionl2.series[0].data = [5.13, 5.02, 5.17, 5.07, 4.96];
    183. 

  183. 				lins3.setOption(optionl2);
    184. 

  184. 				optionl2.series[0].data = [5.18, 5.26, 4.92, 5.28, 5.22];
    185. 

  185. 				lins4.setOption(optionl2);
    186. 

  186. 				$(".ctitle").html("经营动态");
    187. 

  187. 			}
    188. 

  188. 			else if(chartid === "czbt"){
    189. 

  189. 				$(".czl").css("display","block");
    190. 

  190. 				$(".ctitle").html("偿债能力平衡");
    191. 

  191. 				var myChart = echarts.init(document.getElementById('line1'));
    192. 

  192. 				var myChart01 = echarts.init(document.getElementById('line2'));
    193. 

  193. 				var myChart02 = echarts.init(document.getElementById('line3'));
    194. 

  194. 					window.clearInterval(titme1);
    195. 

  195. 				option.series[0].data = [5.53];
    196. 

  196.       			myChart.setOption(option);
    197. 

  197.       			myChart01.setOption(optioncenter);
    198. 

  198.       			myChart02.setOption(optionbtm);
    199. 

  199.       			var timei =0;
    200. 

  200.       			var linedata = [5.54,5.48,5.33,5.55,5.63,5.71,5.45,5.55,5.47,5.58,5.67];
    201. 

  201.       			var linedatacenter = [5.62, 5.58, 5.35, 5.43, 5.33, 5.51,5.56,5.53,5.44,5.45];
    202. 

  202.       			var linedatabtm = [3.79, 3.61, 3.6, 3.51,3.85, 3.73,3.53,3.65,3.57,3.79];
    203. 

  203.       			  //折线图动态
    204. 

  204. 			
    205. 

  205. 		        	titme1 = setInterval(function(){
    206. 

  206. 		        		
    207. 

  207. 		       /* 	if(option.series[0].data.length > 11){
    208. 

  208. 		        		option.series[0].data = []
    209. 

  209. 		        	}
    210. 

  210. 		        	*/
    211. 

  211. /*		        	if(linedata[timei] > 18){
    212. 

  212. 		        		$(".fxztul li>div").attr("class","baojing2");
    213. 

  213. 		        	}
    214. 

  214. 		        	else if(linedata[timei]>10){
    215. 

  215. 		        		$(".fxztul li>div").attr("class","baojing1");
    216. 

  216. 		        	}
    217. 

  217. 		        	else{
    218. 

  218. 		        		$(".fxztul li>div").attr("class","baojing");
    219. 

  219. 		        	}*/
    220. 

  220. 		        	if(linedata.length >timei)
    221. 

  221. 		        	{
    222. 

  222. 		        		option.series[0].data.push(linedata[timei]);
    223. 

  223. 		        		optionbtm.series[0].data.push(linedatabtm[timei]);
    224. 

  224. 		        		optioncenter.series[0].data.push(linedatacenter[timei]);
    225. 

  225. 		        		timei++;
    226. 

  226. 		        	}else{
    227. 

  227. 		        		timei=0;
    228. 

  228. 		        		option.series[0].data = [5.53];
    229. 

  229. 		        		optionbtm.series[0].data = [3.78];
    230. 

  230. 		        		optioncenter.series[0].data = [5.69];
    231. 

  231. 		        	}
    232. 

  232. 		        	
    233. 

  233. 

  234. 		        	
    235. 

  235. 		        	console.log(option);
    236. 

  236. 		        	myChart.setOption(option);
    237. 

  237. 		        	myChart01.setOption(optioncenter);
    238. 

  238.       				myChart02.setOption(optionbtm);
    239. 

  239. 

  240. 		        	
    241. 

  241. 		        },1000)
    242. 

  242. 			}
    243. 

  243. 			else if(chartid === "kbbt"){
    244. 

  244. 				$(".ctitle").html("可变现资产结构");
    245. 

  245. 				$("#pie1,.piebt").css("display","block");
    246. 

  246. 				$("#pie2,.piebt").css("display","block");
    247. 

  247. 				var myChart2 = echarts.init(document.getElementById('pie1'));
    248. 

  248. 				var myChart3 = echarts.init(document.getElementById('pie2'));
    249. 

  249.       			myChart2.setOption(option2);
    250. 

  250.       			myChart3.setOption(option22);
    251. 

  251. 			}
    252. 

  252. 			else if(chartid === "wbgl"){
    253. 

  253. 				$(".ctitle").html("三链图");
    254. 

  254. 				/*var guanxi = echarts.init(document.getElementById('guanxi')); 
    255. 

  255. 				guanxi.setOption(option3); */
    256. 

  256. 				$("#guanxi,.gxlist").css("display","block");
    257. 

  257. 			}
    258. 

  258. 			$(this).addClass("ahover");
    259. 

  259. 			
    260. 

  260. 			
    261. 

  261. 		})
    262. 

  262. 		var address = window.location.href;
    263. 

  263. 		if(address.split("?")[1] == "1"){
    264. 

  264. 			$(".wbgl").click();
    265. 

  265. 			//window.location.href = "index.html";
    266. 

  266. 			   		var url = window.location.href;
    267. 

  267. 					url = url.split('?')[0];
    268. 

  268. 			        window.history.pushState({}, 0, url);
    269. 

  269. 		}
    270. 

  270. 		else{
    271. 

  271. 			$(".baner .jybt").click();
    272. 

  272. 		}
    273. 

  273. 		
    274. 

  274. 	})
    275. 

  275. </script>
    276.