ホーム エクスプローラ ヘルプ
登録 サインイン
wukai
/
twin-web
1
0
フォーク 0
ファイル 課題 0 プルリクエスト 0 Wiki
ツリー: 707af84f10
ブランチ タグ
twin-web
/
main.html

main.html 85 KB
履歴 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

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

  5. 		<title></title>
    6. 

  6. 		<link rel="stylesheet" type="text/css" href="css/main.css">
    7. 

  7. 		<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">		
    8. 

  8. 	</head>
    9. 

  9. 	<body onclick="$('#imp_item,#date_select').hide();$('#search_result').html('').hide();$('#search input').val('')">
    10. 

  10. 		<div id="loading_a1"></div>
    11. 

  11. 		<div id="loading">正在加载模型中...</div>
    12. 

  12. 		<div id="top" class="top">
    13. 

  13. 			<div id="autoplayer_btn" title="切换自动漫游" style="cursor: pointer;position: absolute;right: 120px;top: 25px;height: 38px;width: 38px;"><IMG  src="image/auto3d_stop.png"></div>
    14. 

  14. 			<div id="imp_btn" title="导出数据" style="cursor: pointer;position: absolute;right: 65px;top: 25px;height: 38px;width: 38px;"><IMG src="image/imp_icon.png"></div>
    15. 

  15. 			<div title="返回主视图" style="cursor: pointer;position: absolute;right: 10px;top: 25px;height: 38px;width: 38px;text-align: center;" onclick="backMasterView()"><img src="image/view.png"></div>
    16. 

  16. 		</div>
    17. 

  17. 		<div id="imp_item">
    18. 

  18. 			<!--
    19. 

  19. 			<div itemcode="1"><span>停机原因</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
    20. 

  20. 			<div itemcode="2"><span>生产效率</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
    21. 

  21. 			<div itemcode="3"><span>稼动率</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
    22. 

  22. 			<div itemcode="4"><span>生产趋势</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
    23. 

  23. 			<div itemcode="5"><span>能耗趋势</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
    24. 

  24. 			-->
    25. 

  25. 			<div itemcode="1"><span>最近7天</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
    26. 

  26. 			<div itemcode="2"><span>自定义日期</span><img src="image/imp2.png" style="float: right;margin-top: 7px;"></div>
    27. 

  27. 		</div>
    28. 

  28. 		<div id="date_select">
    29. 

  29. 			<div class="triangle"></div>
    30. 

  30. 			<div style="margin-top: 5px;">
    31. 

  31. 				<label for="datepicker1">开始:</label>
    32. 

  32. 				<input type="text" id="datepicker1" readonly="readonly" style="pointer-events: none;">	
    33. 

  33. 			</div>		
    34. 

  34. 			<div style="margin-top: 5px;"> 
    35. 

  35. 				<label for="datepicker2">结束:</label>
    36. 

  36. 				<input type="text" id="datepicker2" readonly="readonly" style="pointer-events: none;">
    37. 

  37. 			</div>
    38. 

  38. 			<div class="dateSelected_ok"><button type=button>确定</button></div>
    39. 

  39. 		</div>
    40. 

  40. 		<div id="search"><input type="text" placeholder="请输入设备编号" maxlength="4"><img style="position: absolute;top: 20%;right: 5px;" src="image/search_icon.png" class="search_btn"></div>
    41. 

  41. 		<div id="search_result"></div>
    42. 

  42. 		<!-- 添加呈现的video标签或img标签，并设置必要的css来控制其大小 -->
    43. 

  43. 		<video id="EngineContent" autoplay muted style="width: 1920px;height:1080px;">浏览器不支持</video>
    44. 

  44. 		<!-- <img id="EngineContent"></img> -->
    45. 

  45. 		<div id="dev_state" show="设备状态">
    46. 

  46. 			<div class="title"></div>
    47. 

  47. 			<div class="content">
    48. 

  48. 				<div style="float: left;width: 100%;margin-top: 20px;">
    49. 

  49. 					<div title="设备总数" style="float: left;width: 45%;margin-left: 4%;background: linear-gradient( 89deg, rgba(33,62,117,0.8) 0%, rgba(33,62,117,0) 100%);">
    50. 

  50. 						<img src="image/total_icon.png" style="float: left;width: 58px;">
    51. 

  51. 						<span style="float: left;font-weight: 500;font-size: 15px;color: #9ED1FF;line-height: 22px;text-align: left;width: 60%;margin-left: 5%;">设备总数</span>
    52. 

  52. 						<span id="dev_state_total" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 30px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 5%;color: #FFFFFF;">130</span>
    53. 

  53. 						<span style="float: left;font-size: 22px;color: #49A8FF;">(台)</span>
    54. 

  54. 					</div>
    55. 

  55. 					<div title="运行数量" style="float: left;width: 45%;margin-left: 4%;background: linear-gradient( 89deg, rgba(33,62,117,0.8) 0%, rgba(33,62,117,0) 100%);">
    56. 

  56. 						<img src="image/total_icon.png" style="float: left;width: 58px;">
    57. 

  57. 						<span style="float: left;font-weight: 500;font-size: 15px;color: #9ED1FF;line-height: 22px;text-align: left;width: 60%;margin-left: 5%;">运行数量</span>
    58. 

  58. 						<span id="dev_state_runtotal" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 30px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 5%;color: #FFFFFF;">45</span>
    59. 

  59. 						<span style="float: left;font-size: 22px;color: #49A8FF;">(台)</span>
    60. 

  60. 					</div>
    61. 

  61. 				</div>
    62. 

  62. 				<div class="stat" style="float: left;width: 100%;margin-top: 35px;">
    63. 

  63. 					<div title="落米停机数" style="float: left;width: 33%;color: #FFB342;">
    64. 

  64. 						<img src="image/t1.png" style="float: left;width: 40px;">
    65. 

  65. 						<span class="number" attr="stop6" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 20px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;">-</span>
    66. 

  66. 						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
    67. 

  67. 						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">落米停机数</span>
    68. 

  68. 					</div>
    69. 

  69. 					<div title="断纱停机数" style="float: left;width: 33%;color: #FFB342;">
    70. 

  70. 						<img src="image/t1.png" style="float: left;width: 40px;">
    71. 

  71. 						<span class="number" attr="stop2" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 20px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;color: #FFB342;">-</span>
    72. 

  72. 						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
    73. 

  73. 						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">断纱停机数</span>
    74. 

  74. 					</div>
    75. 

  75. 					<div title="停经片停机数" style="float: left;width: 33%;color: #FFB342;">
    76. 

  76. 						<img src="image/t1.png" style="float: left;width: 40px;">
    77. 

  77. 						<span class="number" attr="stop1" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 400;font-size: 20px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;color: #FFB342;">-</span>
    78. 

  78. 						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
    79. 

  79. 						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">停经片停机数</span>
    80. 

  80. 					</div>
    81. 

  81. 					<div title="叫料数" style="float: left;width: 33%;margin-top: 15px;color: #FFB342;">
    82. 

  82. 						<img src="image/t1.png" style="float: left;width: 40px;">
    83. 

  83. 						<span class="number" attr="stop8" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 700;font-size: 22px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;color: red;">-</span>
    84. 

  84. 						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
    85. 

  85. 						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">叫料数</span>
    86. 

  86. 					</div>
    87. 

  87. 					<div title="故障告警数" style="float: left;width: 33%;margin-top: 15px;color: #FFB342;">
    88. 

  88. 						<img src="image/t1.png" style="float: left;width: 40px;">
    89. 

  89. 						<span class="number" attr="alarm" style="float: left;font-family: Bebas Neue, Bebas Neue;font-weight: 700;font-size: 22px;line-height: 30px;text-align: left;font-style: normal;text-transform: none;margin-left: 1%;color: red;">-</span>
    90. 

  90. 						<span style="float: left;font-size: 15px;margin-top: 6px;">(台)</span>
    91. 

  91. 						<span style="float: left;font-weight: 500;font-size: 14px;color: #FFFFFF;line-height: 22px;text-align: left;width: 65%;margin-left: 1%;">故障告警数</span>
    92. 

  92. 					</div>
    93. 

  93. 				</div>
    94. 

  94. 			</div>
    95. 

  95. 		</div>
    96. 

  96. 		<div id="dev_alarm" show="当前告警" style="color: #ffffff;font-size: 14px;">
    97. 

  97. 			<div class="title">当前无告警</div>
    98. 

  98. 			<div class="content">
    99. 

  99. 				<table style="width: 100%;font-weight: bold;"  cellspacing=0>
    100. 

  100. 						<thead>
    101. 

  101. 							<tr>
    102. 

  102. 								<td style="width: 30%">设备编号</td>
    103. 

  103. 								<td style="width: 70%">告警类型</td>
    104. 

  104. 							</tr>
    105. 

  105. 						</thead>
    106. 

  106. 				</table>
    107. 

  107. 				<div style="max-height: 128px;width: 100%;overflow: hidden;">
    108. 

  108. 					<table id="dev_alarm_list" style="width: 100%;background: rgba(25,57,103,0.3);" cellspacing=0>
    109. 

  109. 						<tbody>
    110. 

  110. 							<tr>
    111. 

  111. 								<td style="width: 30%;color:red">-</td>
    112. 

  112. 								<td style="width: 70%">-</td>
    113. 

  113. 							</tr>
    114. 

  114. 						</tbody>
    115. 

  115. 					</table>
    116. 

  116. 				</div>
    117. 

  117. 				<div style="margin-top: 15px;">
    118. 

  118. 					<div style="text-align: center;"><img src="image/alarm_txt.png"></div>
    119. 

  119. 					<div class="echarts_alarm" id="echarts_alarm" style="height: 122px;width: 100%;">
    120. 

  120. 

  121. 					</div>
    122. 

  122. 				</div>
    123. 

  123. 			</div>
    124. 

  124. 		</div>
    125. 

  125. 		<div id="dev_stop" show="停机原因" style="color: #ffffff;font-size: 14px;">
    126. 

  126. 			<div class="title">当前无机器停机</div>
    127. 

  127. 			<div class="content">
    128. 

  128. 				<div style="margin-top: 15px;">
    129. 

  129. 					<div class="echarts_stop" id="echarts_stop" style="height: 190px;width: 100%;">
    130. 

  130. 

  131. 					</div>
    132. 

  132. 				</div>
    133. 

  133. 			</div>
    134. 

  134. 		</div>
    135. 

  135. 		<div id="dev_xiaolv" show="生产效率" style="color: #ffffff;font-size: 14px;">
    136. 

  136. 			<div class="title"></div>
    137. 

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

  138. 				<div style="">
    139. 

  139. 					<div style="text-align: center;font-size: 16px;margin:16px 0;">今日产量</div>
    140. 

  140. 					<div style="text-align: center;">
    141. 

  141. 						<span style="background: #3D72AF;width: 135px;text-align: center;display: inline-block;height: 32px;line-height: 32px;margin: 0 12px;padding: 5px;"><span id="totay1" style="font-size: 30px">-</span><span style="color: #9ED1FF;font-size: 16px">(米)</span></span>
    142. 

  142. 						<span style="background: #3D72AF;width: 128px;text-align: center;display: inline-block;height: 32px;line-height: 32px;margin: 0 12px;padding: 5px;"><span id="totay2" style="font-size: 30px">-</span><span style="color: #9ED1FF;font-size: 16px">(吨)</span></span>
    143. 

  143. 					</div>
    144. 

  144. 				</div>
    145. 

  145. 				<div style="max-height: 96px;width: 100%;overflow: hidden;margin-top: 25px;">
    146. 

  146. 					<table style="width: 100%;" cellspacing=0>
    147. 

  147. 						<thead>
    148. 

  148. 							<tr>
    149. 

  149. 								<td style="width: 10%">班组</td>
    150. 

  150. 								<td style="width: 25%">生产时间(H)</td>
    151. 

  151. 								<td style="width: 25%">已织造数(米)</td>
    152. 

  152. 								<td style="width: 20%">总重量(T)</td>
    153. 

  153. 								<td style="width: 20%">稼动率(%)</td>
    154. 

  154. 							</tr>
    155. 

  155. 						</thead>
    156. 

  156. 						<tbody>
    157. 

  157. 							<tr id="scxl_a">
    158. 

  158. 								<td style="width: 10%;color: #9ED1FF">A组</td>
    159. 

  159. 								<td style="width: 25%;font-size: 18px;font-weight: bold;">12</td>
    160. 

  160. 								<td style="width: 25%;font-size: 18px;font-weight: bold;">12000</td>
    161. 

  161. 								<td style="width: 20%;font-size: 18px;font-weight: bold;">5.4</td>
    162. 

  162. 								<td style="width: 20%;font-size: 18px;font-weight: bold;">100</td>
    163. 

  163. 							</tr>
    164. 

  164. 							<tr id="scxl_b">
    165. 

  165. 								<td style="width: 10%;color: #9ED1FF">B组</td>
    166. 

  166. 								<td style="width: 25%;font-size: 18px;font-weight: bold;">6</td>
    167. 

  167. 								<td style="width: 25%;font-size: 18px;font-weight: bold;">2000</td>
    168. 

  168. 								<td style="width: 20%;font-size: 18px;font-weight: bold;">1.2</td>
    169. 

  169. 								<td style="width: 20%;font-size: 18px;font-weight: bold;">43</td>
    170. 

  170. 							</tr>
    171. 

  171. 						</tbody>
    172. 

  172. 					</table>
    173. 

  173. 				</div>
    174. 

  174. 			</div>
    175. 

  175. 		</div>
    176. 

  176. 		<div id="dev_jiadonglv" show="稼动率周曲线" style="color: #ffffff;font-size: 14px;">
    177. 

  177. 			<div class="title"></div>
    178. 

  178. 			<div class="content">
    179. 

  179. 				<div style="margin-top: 15px;">
    180. 

  180. 					<div class="echarts_jiadonglv" id="echarts_jiadonglv" style="height: 142px;width: 100%;">
    181. 

  181. 

  182. 					</div>
    183. 

  183. 				</div>
    184. 

  184. 			</div>
    185. 

  185. 		</div>
    186. 

  186. 		<div id="dev_sc_qushi" show="生产趋势" style="color: #ffffff;font-size: 14px;">
    187. 

  187. 			<div class="title"></div>
    188. 

  188. 			<div class="content">
    189. 

  189. 				<div style="margin-top: 15px;">
    190. 

  190. 					<div class="echarts_sc_qushi" id="echarts_sc_qushi" style="height: 142px;width: 100%;">
    191. 

  191. 

  192. 					</div>
    193. 

  193. 				</div>
    194. 

  194. 			</div>
    195. 

  195. 		</div>
    196. 

  196. 		<div id="dev_used_qushi" show="能耗趋势" style="color: #ffffff;font-size: 14px;">
    197. 

  197. 			<div class="title"></div>
    198. 

  198. 			<div class="content">
    199. 

  199. 				<div style="margin-top: 15px;">
    200. 

  200. 					<div class="echarts_used_qushi" id="echarts_used_qushi" style="height: 142px;width: 100%;">
    201. 

  201. 

  202. 					</div>
    203. 

  203. 				</div>
    204. 

  204. 			</div>
    205. 

  205. 		</div>
    206. 

  206. 		<div id="showinfo" class="showinfo">
    207. 

  207. 			<div class="title">
    208. 

  208. 				<img src="image/title_icon.png" style="margin: 7px;float: left;">
    209. 

  209. 				<span class="text">基本信息</span>
    210. 

  210. 				<img src="image/Close.png" style="margin: 7px;float: right;cursor: pointer;" onclick="HideInfo()">
    211. 

  211. 			</div>
    212. 

  212. 			<div class="content">
    213. 

  213. 				<div>
    214. 

  214. 					<table style="width: 100%;text-align: center;" cellspacing="0" cellpadding="0">
    215. 

  215. 						<tbody>
    216. 

  216. 							<tr><td colspan="10" style="font-size: 20px;font-weight: bold;color: #7d7d7d;padding: 5px 0;">剩余时间</td></tr>
    217. 

  217. 							<tr>
    218. 

  218. 								<td>GB1(分)</td>
    219. 

  219. 								<td rowspan="2" class="td_splitLine"></td>
    220. 

  220. 								<td>GB2(分)</td>
    221. 

  221. 								<td rowspan="2" class="td_splitLine"></td>
    222. 

  222. 								<td>GB3(分)</td>
    223. 

  223. 								<td rowspan="2" class="td_splitLine"></td>
    224. 

  224. 								<td>GB4(分)</td>
    225. 

  225. 								<td rowspan="2" class="td_splitLine"></td>
    226. 

  226. 								<td>GB5(分)</td>
    227. 

  227. 							</tr>
    228. 

  228. 							<tr style="color: #FFFFFF;font-size: 20px;">
    229. 

  229. 								<td>-</td><td>-</td><td>-</td><td>-</td><td>-</td>
    230. 

  230. 							</tr>
    231. 

  231. 						</tbody>
    232. 

  232. 					</table>
    233. 

  233. 				</div>
    234. 

  234. 				<div>
    235. 

  235. 					<table style="width: 100%;text-align: center;" cellspacing="0" cellpadding="0">
    236. 

  236. 						<tbody>
    237. 

  237. 							<tr><td colspan="10" style="font-size: 20px;font-weight: bold;color: #7d7d7d;padding: 5px 0;">盘头剩余周长</td></tr>
    238. 

  238. 							<tr>
    239. 

  239. 								<td>GB1(mm)</td>
    240. 

  240. 								<td rowspan="2" class="td_splitLine"></td>
    241. 

  241. 								<td>GB2(mm)</td>
    242. 

  242. 								<td rowspan="2" class="td_splitLine"></td>
    243. 

  243. 								<td>GB3(mm)</td>
    244. 

  244. 								<td rowspan="2" class="td_splitLine"></td>
    245. 

  245. 								<td>GB4(mm)</td>
    246. 

  246. 								<td rowspan="2" class="td_splitLine"></td>
    247. 

  247. 								<td>GB5(mm)</td>
    248. 

  248. 							</tr>
    249. 

  249. 							<tr style="color: #FFFFFF;font-size: 20px;">
    250. 

  250. 								<td>-</td><td>-</td><td>-</td><td>-</td><td>-</td>
    251. 

  251. 							</tr>
    252. 

  252. 						</tbody>
    253. 

  253. 					</table>
    254. 

  254. 				</div>
    255. 

  255. 				<div>
    256. 

  256. 					<table style="width: 100%;text-align: center;" cellspacing="0" cellpadding="0">
    257. 

  257. 						<tbody>
    258. 

  258. 							<tr><td colspan="10" style="font-size: 20px;font-weight: bold;color: #7d7d7d;padding: 5px 0;">盘头剩余圈数</td></tr>
    259. 

  259. 							<tr>
    260. 

  260. 								<td>GB1(圈)</td>
    261. 

  261. 								<td rowspan="2" class="td_splitLine"></td>
    262. 

  262. 								<td>GB2(圈)</td>
    263. 

  263. 								<td rowspan="2" class="td_splitLine"></td>
    264. 

  264. 								<td>GB3(圈)</td>
    265. 

  265. 								<td rowspan="2" class="td_splitLine"></td>
    266. 

  266. 								<td>GB4(圈)</td>
    267. 

  267. 								<td rowspan="2" class="td_splitLine"></td>
    268. 

  268. 								<td>GB5(圈)</td>
    269. 

  269. 							</tr>
    270. 

  270. 							<tr style="color: #FFFFFF;font-size: 20px;">
    271. 

  271. 								<td>-</td><td>-</td><td>-</td><td>-</td><td>-</td>
    272. 

  272. 							</tr>
    273. 

  273. 						</tbody>
    274. 

  274. 					</table>
    275. 

  275. 				</div>
    276. 

  276. 			</div>
    277. 

  277. 		</div>
    278. 

  278. 		<div id="newwin" class="newwin">
    279. 

  279. 			<div class="title"><img src="image/title_icon.png" style="margin: 7px;float: left;"><span class="text"></span><span class="text">#经编机-详细数据</span><img src="image/Close.png" style="margin: 7px;float: right;cursor: pointer;" onclick="CloseWin()"></div>
    280. 

  280. 			<div class="content">
    281. 

  281. 				<div style="text-align: center;"><span  class="btn btn_active" style="margin-left: -220px;">告警</span><span class="btn">产能</span><span class="btn">产线及设备</span><span  class="btn">配方</span><span class="btn">设备履历</span></div>
    282. 

  282. 				<div class="dataContent">
    283. 

  283. 					<div style="padding: 15px;display: none;width: 100%">
    284. 

  284. 						<div class="no_alarm">当前无告警</div>
    285. 

  285. 						<div class="has_alarm"></div>
    286. 

  286. 						<div class="dev_alarm_echarts"></div>
    287. 

  287. 					</div>
    288. 

  288. 					<div style="padding: 15px;width: 100%">
    289. 

  289. 						<div style="float: left;width: 25%;margin-right: 2%;">
    290. 

  290. 							<table cellspacing="0" cellpadding="0">
    291. 

  291. 								<tr style="background-color: #415683;height: 40px;"><td colspan="4">班组生产状态</td></tr>
    292. 

  292. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="4"></td></tr>
    293. 

  293. 								<tr><td rowspan="2" width="20%">当前产量</td><td rowspan="2" style="color: #817e7e">|</td><td width="20%">A组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_39" unit="米">-</td></tr>
    294. 

  294. 								<tr><td>B组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_44" unit="米">-</td></tr>
    295. 

  295. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="4"></td></tr>
    296. 

  296. 								<tr><td rowspan="2" width="20%">开机时间</td><td rowspan="2" style="color: #817e7e">|</td><td width="20%">A组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_37" unit="H">-</td></tr>
    297. 

  297. 								<tr><td>B组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_42" unit="H">-</td></tr>
    298. 

  298. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="4"></td></tr>
    299. 

  299. 								<tr><td rowspan="2" width="20%">停机时间</td><td rowspan="2" style="color: #817e7e">|</td><td width="20%">A组</td><td style="text-align: right;    padding-right: 10px;" width="50%" class="value" attr="Capacity_data_38" unit="H">-</td></tr>
    300. 

  300. 								<tr><td>B组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_43" unit="H">-</td></tr>
    301. 

  301. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="4"></td></tr>
    302. 

  302. 								<tr><td rowspan="2" width="20%">停机率</td><td rowspan="2" style="color: #817e7e">|</td><td width="20%">A组</td><td style="text-align: right;    padding-right: 10px;" width="50%" class="value" attr="Capacity_data_40" unit="%">-</td></tr>
    303. 

  303. 								<tr><td>B组</td><td style="text-align: right;padding-right: 10px;" width="50%" class="value" attr="Capacity_data_45" unit="%">-</td></tr>
    304. 

  304. 							</table>
    305. 

  305. 						</div>
    306. 

  306. 						<div style="float: left;width: 25%;margin-right: 2%;">
    307. 

  307. 							<table cellspacing="0" cellpadding="0">
    308. 

  308. 								<tr style="background-color: #415683;height: 40px;"><td colspan="3">当前设备生产状态</td></tr>
    309. 

  309. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    310. 

  310. 								<tr style="height: 100px"><td>主轴运行转速</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="60%" class="value" attr="Capacity_data_1" unit="转/分钟">-</td></tr>
    311. 

  311. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    312. 

  312. 								<tr style="height: 100px"><td>已织造米数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="60%" class="value" attr="Capacity_data_2" unit="米">-</td></tr>
    313. 

  313. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    314. 

  314. 								<tr style="height: 100px"><td>剩余落布时间</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="60%" class="value" attr="Capacity_data_3" unit="H">-</td></tr>
    315. 

  315. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    316. 

  316. 								<tr style="height: 100px"><td>设定落布米数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="60%" class="value" attr="Capacity_data_4" unit="米">-</td></tr>
    317. 

  317. 							</table>
    318. 

  318. 						</div>
    319. 

  319. 						<div style="float: left;width: 44%;">
    320. 

  320. 							<table cellspacing="0" cellpadding="0">
    321. 

  321. 								<tr style="background-color: #415683;height: 40px;"><td colspan="6">供电</td></tr>
    322. 

  322. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
    323. 

  323. 								<tr style="height: 80px"><td width="20%">AB相电压监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_24" unit="U">-</td><td width="20%">C相电流监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_29" unit="V">-</td></tr>
    324. 

  324. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
    325. 

  325. 								<tr style="height: 80px"><td width="20%">BC相电压监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_25" unit="U">-</td><td width="20%">A相功率监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_30" unit="W">-</td></tr>
    326. 

  326. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
    327. 

  327. 								<tr style="height: 80px"><td width="20%">AC相电压监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_26" unit="U">-</td><td width="20%">B相功率监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_31" unit="W">-</td></tr>
    328. 

  328. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
    329. 

  329. 								<tr style="height: 80px"><td width="20%">A相电流监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_27" unit="V">-</td><td width="20%">C相功率监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_32" unit="W">-</td></tr>
    330. 

  330. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="6"></td></tr>
    331. 

  331. 								<tr style="height: 80px"><td width="20%">B相电流监控</td><td style="color: #817e7e">|</td><td width="20%" class="value" attr="Capacity_data_28" unit="V">-</td><td width="20%">总功率监控</td><td style="color: #817e7e">|</td><td width="20%" style="text-align: right;padding-right: 10px;" class="value" attr="Capacity_data_33" unit="W">-</td></tr>
    332. 

  332. 							</table>
    333. 

  333. 						</div>
    334. 

  334. 					</div>
    335. 

  335. 					<div style="padding: 15px;display: none;width: 100%">
    336. 

  336. 						<div style="float: left;width: 23%;margin-right: 2%;">
    337. 

  337. 							<table cellspacing="0" cellpadding="0">
    338. 

  338. 								<tr style="height: 60px"><td>断纱检测开关</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="Capacity_data_46" unit="">-</td></tr>
    339. 

  339. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    340. 

  340. 								<tr style="height: 60px"><td>断纱检测延时</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="Capacity_data_47" unit="s">-</td></tr>
    341. 

  341. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    342. 

  342. 								<tr style="height: 60px"><td>牵拉罗拉辊周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_15" unit="mm">-</td></tr>
    343. 

  343. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    344. 

  344. 								<tr style="height: 60px"><td>卷曲罗拉辊周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_16" unit="mm">-</td></tr>
    345. 

  345. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    346. 

  346. 								<tr style="height: 60px"><td>主电机额定转速</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_38" unit="">-</td></tr>
    347. 

  347. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    348. 

  348. 								<tr style="height: 60px"><td>主电机额定频率</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_39" unit="">-</td></tr>
    349. 

  349. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    350. 

  350. 								<tr style="height: 60px"><td>电机传动比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_40" unit="">-</td></tr>
    351. 

  351. 							</table>
    352. 

  352. 						</div>
    353. 

  353. 						<div style="float: left;width: 23%;margin-right: 2%;">
    354. 

  354. 							<table cellspacing="0" cellpadding="0">
    355. 

  355. 								<tr style="height: 60px"><td>GB1减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_17" unit="">-</td></tr>
    356. 

  356. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    357. 

  357. 								<tr style="height: 60px"><td>GB2减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_18" unit="">-</td></tr>
    358. 

  358. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    359. 

  359. 								<tr style="height: 60px"><td>GB3减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_19" unit="">-</td></tr>
    360. 

  360. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    361. 

  361. 								<tr style="height: 60px"><td>GB4减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_20" unit="">-</td></tr>
    362. 

  362. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    363. 

  363. 								<tr style="height: 60px"><td>GB5减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_21" unit="">-</td></tr>
    364. 

  364. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    365. 

  365. 								<tr style="height: 60px"><td>牵拉减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_22" unit="">-</td></tr>
    366. 

  366. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    367. 

  367. 								<tr style="height: 60px"><td>卷曲减速机减速比</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_23" unit="">-</td></tr>
    368. 

  368. 							</table>
    369. 

  369. 						</div>
    370. 

  370. 						<div style="float: left;width: 23%;margin-right: 2%;">
    371. 

  371. 							<table cellspacing="0" cellpadding="0">
    372. 

  372. 								<tr style="height: 60px"><td>GB1被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_24" unit="">-</td></tr>
    373. 

  373. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    374. 

  374. 								<tr style="height: 60px"><td>GB2被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_25" unit="">-</td></tr>
    375. 

  375. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    376. 

  376. 								<tr style="height: 60px"><td>GB3被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_26" unit="">-</td></tr>
    377. 

  377. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    378. 

  378. 								<tr style="height: 60px"><td>GB4被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_27" unit="">-</td></tr>
    379. 

  379. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    380. 

  380. 								<tr style="height: 60px"><td>GB5被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_28" unit="">-</td></tr>
    381. 

  381. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    382. 

  382. 								<tr style="height: 60px"><td>牵拉被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_29" unit="">-</td></tr>
    383. 

  383. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    384. 

  384. 								<tr style="height: 60px"><td>卷曲被动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_30" unit="">-</td></tr>
    385. 

  385. 							</table>
    386. 

  386. 						</div>
    387. 

  387. 						<div style="float: left;width: 23%;margin-right: 2%;">
    388. 

  388. 							<table cellspacing="0" cellpadding="0">
    389. 

  389. 								<tr style="height: 60px"><td>GB1主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_31" unit="">-</td></tr>
    390. 

  390. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    391. 

  391. 								<tr style="height: 60px"><td>GB2主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_32" unit="">-</td></tr>
    392. 

  392. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    393. 

  393. 								<tr style="height: 60px"><td>GB3主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_33" unit="">-</td></tr>
    394. 

  394. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    395. 

  395. 								<tr style="height: 60px"><td>GB4主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_34" unit="">-</td></tr>
    396. 

  396. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    397. 

  397. 								<tr style="height: 60px"><td>GB5主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_35" unit="">-</td></tr>
    398. 

  398. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    399. 

  399. 								<tr style="height: 60px"><td>牵拉主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_36" unit="">-</td></tr>
    400. 

  400. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    401. 

  401. 								<tr style="height: 60px"><td>卷曲主动齿轮数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_37" unit="">-</td></tr>
    402. 

  402. 							</table>
    403. 

  403. 						</div>
    404. 

  404. 					</div>
    405. 

  405. 					<div style="padding: 15px;display: none;width: 100%">
    406. 

  406. 						<div style="float: left;width: 23%;margin-right: 2%;">
    407. 

  407. 							<table cellspacing="0" cellpadding="0">
    408. 

  408. 								<tr style="height: 48px"><td>配方号</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="Capacity_data_46" unit="">-</td></tr>
    409. 

  409. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    410. 

  410. 								<tr style="height: 48px"><td>机台号</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="Capacity_data_47" unit="">-</td></tr>
    411. 

  411. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    412. 

  412. 								<tr style="height: 48px"><td>米克重</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_15" unit="g/米">-</td></tr>
    413. 

  413. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    414. 

  414. 								<tr style="height: 48px"><td>L1、L5纱线规格D</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_16" unit="D">-</td></tr>
    415. 

  415. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    416. 

  416. 								<tr style="height: 48px"><td>L2、L4纱线规格D</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_38" unit="D">-</td></tr>
    417. 

  417. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    418. 

  418. 								<tr style="height: 48px"><td>L3纱线规格D</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_39" unit="D">-</td></tr>
    419. 

  419. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    420. 

  420. 								<tr style="height: 48px"><td>L1、L5纱线规格F</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_40" unit="F">-</td></tr>
    421. 

  421. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    422. 

  422. 								<tr style="height: 48px"><td>L2、L4纱线规格F</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_40" unit="F">-</td></tr>
    423. 

  423. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    424. 

  424. 								<tr style="height: 48px"><td>L3纱线规格F</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="40%" class="value" attr="System_data_40" unit="F">-</td></tr>
    425. 

  425. 							</table>
    426. 

  426. 						</div>
    427. 

  427. 						<div style="float: left;width: 23%;margin-right: 2%;">
    428. 

  428. 							<table cellspacing="0" cellpadding="0">
    429. 

  429. 								<tr style="height: 48px"><td>L1、L5盘头根数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_17" unit="根">-</td></tr>
    430. 

  430. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    431. 

  431. 								<tr style="height: 48px"><td>L2、L4盘头根数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_18" unit="根">-</td></tr>
    432. 

  432. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    433. 

  433. 								<tr style="height: 48px"><td>L3盘头根数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_19" unit="根">-</td></tr>
    434. 

  434. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    435. 

  435. 								<tr style="height: 48px"><td>卷曲幅宽</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_20" unit="m">-</td></tr>
    436. 

  436. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    437. 

  437. 								<tr style="height: 48px"><td>下布长度</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_21" unit="m">-</td></tr>
    438. 

  438. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    439. 

  439. 								<tr style="height: 48px"><td>毛高</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_22" unit="m">-</td></tr>
    440. 

  440. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    441. 

  441. 								<tr style="height: 48px"><td>成片长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_23" unit="m">-</td></tr>
    442. 

  442. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    443. 

  443. 								<tr style="height: 48px"><td>成品宽</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_23" unit="m">-</td></tr>
    444. 

  444. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    445. 

  445. 								<tr style="height: 48px"><td>成品重</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_23" unit="kg">-</td></tr>
    446. 

  446. 							</table>
    447. 

  447. 						</div>
    448. 

  448. 						<div style="float: left;width: 23%;margin-right: 2%;">
    449. 

  449. 							<table cellspacing="0" cellpadding="0">
    450. 

  450. 								<tr style="height: 48px"><td>GB1送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_24" unit="mm/腊克">-</td></tr>
    451. 

  451. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    452. 

  452. 								<tr style="height: 48px"><td>GB2送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_25" unit="mm/腊克">-</td></tr>
    453. 

  453. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    454. 

  454. 								<tr style="height: 48px"><td>GB3送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_26" unit="mm/腊克">-</td></tr>
    455. 

  455. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    456. 

  456. 								<tr style="height: 48px"><td>GB4送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_27" unit="mm/腊克">-</td></tr>
    457. 

  457. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    458. 

  458. 								<tr style="height: 48px"><td>GB5送经量</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_28" unit="mm/腊克">-</td></tr>
    459. 

  459. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    460. 

  460. 								<tr style="height: 48px"><td>奉拉密度</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_29" unit="r/cm">-</td></tr>
    461. 

  461. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    462. 

  462. 								<tr style="height: 48px"><td>卷曲张力系数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_30" unit="%">-</td></tr>
    463. 

  463. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    464. 

  464. 								<tr style="height: 48px"><td>GB1盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_30" unit="r">-</td></tr>
    465. 

  465. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    466. 

  466. 								<tr style="height: 48px"><td>GB2盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_30" unit="r">-</td></tr>
    467. 

  467. 							</table>
    468. 

  468. 						</div>
    469. 

  469. 						<div style="float: left;width: 23%;margin-right: 2%;">
    470. 

  470. 							<table cellspacing="0" cellpadding="0">
    471. 

  471. 								<tr style="height: 48px"><td>GB3盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_31" unit="r">-</td></tr>
    472. 

  472. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    473. 

  473. 								<tr style="height: 48px"><td>GB4盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_32" unit="r">-</td></tr>
    474. 

  474. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    475. 

  475. 								<tr style="height: 48px"><td>GB5盘头最大圈数</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_33" unit="r">-</td></tr>
    476. 

  476. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    477. 

  477. 								<tr style="height: 48px"><td>GB1盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_34" unit="mm">-</td></tr>
    478. 

  478. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    479. 

  479. 								<tr style="height: 48px"><td>GB2盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_35" unit="mm">-</td></tr>
    480. 

  480. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    481. 

  481. 								<tr style="height: 48px"><td>GB3盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_36" unit="mm">-</td></tr>
    482. 

  482. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    483. 

  483. 								<tr style="height: 48px"><td>GB4盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_37" unit="mm">-</td></tr>
    484. 

  484. 								<tr style="height: 1px;background-color: #5F6E8D;"><td colspan="3"></td></tr>
    485. 

  485. 								<tr style="height: 48px"><td>GB5盘头最大外周长</td><td style="color: #817e7e">|</td><td style="text-align: right;padding-right: 10px;" width="45%" class="value" attr="System_data_37" unit="mm">-</td></tr>
    486. 

  486. 							</table>
    487. 

  487. 						</div>
    488. 

  488. 					</div>
    489. 

  489. 					<div style="padding: 15px;display: none;width: 100%">
    490. 

  490. 						<img src="image/dev_log.png" style="width: 1300px;height: 459px;display: none;">
    491. 

  491. 					</div>
    492. 

  492. 				</div>
    493. 

  493. 			</div>
    494. 

  494. 		</div>
    495. 

  495. 	</body>
    496. 

  496. </html>
    497. 

  497. 		<!-- 引入qwebchannel.js、Player.js、PlayerUtils.js -->
    498. 

  498. 		<script type="text/javascript" src="jquery-3.4.1.js"></script>
    499. 

  499. 		<script type="text/javascript" src="jquery-ui.min.js"></script>
    500. 

  500. 		<script type="text/javascript" src="echarts.min.js"></script>
    501. 

  501. 		<script src="qwebchannel.js"></script>
    502. 

  502. 		<script src="global.js"></script>
    503. 

  503. 		<script src="Player.js"></script>
    504. 

  504. 		<script src="PlayerUtils.js"></script>
    505. 

  505. 		<script src="lottie.min.js"></script>
    506. 

  506. 		<script src="Loading.json.js"></script>
    507. 

  507. 		<script src="animation.js"></script>
    508. 

  508. 		<!--本地模拟测试数据，正式部署时需删除该2个js
    509. 

  509. 		<script src="test-data.js"></script>
    510. 

  510. 		<script src="device-data.js"></script>
    511. 

  511. 		-->
    512. 

  512. 

  513. 		<script>
    514. 

  514. 			lottie.loadAnimation({
    515. 

  515. 		      // 选取一个容器，用于渲染动画
    516. 

  516. 		      container: $("#loading_a1")[0],
    517. 

  517. 		      // 定义JSON文件路径
    518. 

  518. 		      animationData : lottiedata,
    519. 

  519. 		      // 是否循环播放
    520. 

  520. 		      loop: true,
    521. 

  521. 		      // 渲染的格式svg/canvas/html，svg性能更优，兼容性更好
    522. 

  522. 		      renderer: "svg",
    523. 

  523. 		    });
    524. 

  524. 			var sam0023;
    525. 

  525. 			var modelsMap={}
    526. 

  526. 			var MODEL_LOADED = 0; //模型是否加载完成
    527. 

  527. 			var ALARM_DEVS = []; //未提醒的告警设备，将在模型加载完成时提醒
    528. 

  528. 			var LoadServerDataTimer=null;
    529. 

  529. 			var DataFill={
    530. 

  530. 				devStopAutoLoadTimter:null,//停机原因自动切计时器
    531. 

  531. 				devAlarmAutoLoadTimter:null,//告警自动切计时器
    532. 

  532. 				AlarmData:null,
    533. 

  533. 				AlarmType:{
    534. 

  534. 					"1":"GB1伺服通讯故障",
    535. 

  535. 					"2":"GB2伺服通讯故障",
    536. 

  536. 					"3":"GB3伺服通讯故障",
    537. 

  537. 					"4":"GB4伺服通讯故障",
    538. 

  538. 					"5":"GB5伺服通讯故障",
    539. 

  539. 					"6":"牵引伺服通讯故障",
    540. 

  540. 					"7":"卷曲伺服通讯故障",
    541. 

  541. 					"8":"断纱故障",
    542. 

  542. 					"9":"电源故障",
    543. 

  543. 					"10":"联动未完全啮合",
    544. 

  544. 					"11":"米长到达",
    545. 

  545. 					"12":"GB1剩余圈数报警",
    546. 

  546. 					"13":"GB2剩余圈数报警",
    547. 

  547. 					"14":"GB3剩余圈数报警",
    548. 

  548. 					"15":"GB4剩余圈数报警",
    549. 

  549. 					"16":"GB5剩余圈数报警",
    550. 

  550. 					"17":"主轴变频掉线",
    551. 

  551. 					"18":"主轴变频故障",
    552. 

  552. 					"19":"GB1伺服故障",
    553. 

  553. 					"20":"GB2伺服故障",
    554. 

  554. 					"21":"GB3伺服故障",
    555. 

  555. 					"22":"GB4伺服故障",
    556. 

  556. 					"23":"GB5伺服故障",
    557. 

  557. 					"24":"牵引伺服故障",
    558. 

  558. 					"25":"卷曲伺服故障",
    559. 

  559. 					"26":"拍照自停",
    560. 

  560. 					"27":"CCD位置报警信息显示",
    561. 

  561. 				},
    562. 

  562. 				//停机原因类型
    563. 

  563. 				StopType:{
    564. 

  564. 					"stop1":"停经片停机",
    565. 

  565. 					"stop2":"CCD停机",
    566. 

  566. 					"stop3":"人工停机",
    567. 

  567. 					"stop4":"断电停机",
    568. 

  568. 					"stop5":"设备故障停机",
    569. 

  569. 					"stop6":"落布米数达到停机",
    570. 

  570. 					"stop7":"盘头剩余圈数达到停机",
    571. 

  571. 				},
    572. 

  572. 				//告警设备列表数据
    573. 

  573. 				AlarmTable:function(data){
    574. 

  574. 					this.AlarmData = data;
    575. 

  575. 					var t = $("#dev_alarm_list>tbody").html("")
    576. 

  576. 					if(data==null || data.length==0){
    577. 

  577. 						$("#dev_alarm .content").hide();
    578. 

  578. 						$("#dev_alarm .title").html("当前无告警");
    579. 

  579. 						return
    580. 

  580. 					}
    581. 

  581. 					$("#dev_alarm .title").html("");
    582. 

  582. 					$("#dev_alarm .content").show();
    583. 

  583. 					var tpl='<tr style="font-weight:bold" devno="{1}"><td style="width: 30%;">{1}#</td><td style="width: 70%;color:{COLOR}">{2}</td></tr>';
    584. 

  584. 					var lst=[];
    585. 

  585. 					for (var i = 0; i < data.length; i++) {
    586. 

  586. 						var color = "rgb(206,161,94)" //默认告警文本颜色
    587. 

  587. 						var typeName = this.AlarmType[data[i]["type"]];
    588. 

  588. 						if(typeName.indexOf("故障")>-1) color="rgb(195,70,76)" //红色提醒
    589. 

  589. 						lst.push(tpl.replace(/\{1\}/gi,data[i]["code"].replace(/C_/g,"")).replace(/\{2\}/g,typeName).replace('{COLOR}',color))
    590. 

  590. 						if(MODEL_LOADED==1){
    591. 

  591. 							//机器告警提示
    592. 

  592. 							ChangeModelColor(data[i]["code"],DEV_ALAR_COLOR,this.AlarmType[data[i]["type"]])
    593. 

  593. 						}else{
    594. 

  594. 							//记录下来，等待模型加载完成时处理
    595. 

  595. 							ALARM_DEVS.push(data[i]["code"]+">"+this.AlarmType[data[i]["type"]])
    596. 

  596. 						}
    597. 

  597. 					}
    598. 

  598. 					t.html(lst.join(''))
    599. 

  599. 					t.find("tr").off().on('click',function(){
    600. 

  600. 						//点击告警行
    601. 

  601. 						var devno = $.trim($(this).attr('devno'))
    602. 

  602. 						if(devno=='') return;
    603. 

  603. 						ShowInfo("C_"+devno)
    604. 

  604. 					});
    605. 

  605. 					var tb = $("#dev_alarm_list");
    606. 

  606. 					if(tb.height()>tb.parent().height()){
    607. 

  607. 						if(this.devAlarmAutoLoadTimter!=null) {
    608. 

  608. 							clearInterval(this.devAlarmAutoLoadTimter);
    609. 

  609. 						}
    610. 

  610. 						tb.css({"top":"0px","position":"relative"});
    611. 

  611. 						this.devAlarmAutoLoadTimter=window.setInterval(function(){
    612. 

  612. 							var tb = $("#dev_alarm_list");
    613. 

  613. 							var tbtop = tb.css("top").replace("px","")*1;
    614. 

  614. 							if(Math.abs(tbtop)>=(tb.height()-32)){
    615. 

  615. 								tb.css("top","0px");
    616. 

  616. 							}else{
    617. 

  617. 								tb.css("top",(tbtop-32)+"px");
    618. 

  618. 							}
    619. 

  619. 						},3000);
    620. 

  620. 					}else{
    621. 

  621. 						clearInterval(this.devAlarmAutoLoadTimter)
    622. 

  622. 						tb.css("top","0px");
    623. 

  623. 					}
    624. 

  624. 				},
    625. 

  625. 				//告警趋势数据填充
    626. 

  626. 				AlarmLine:function(data){
    627. 

  627. 					//只获取数据中的alarm数据
    628. 

  628. 					var t =$("#echarts_alarm");
    629. 

  629. 					var alarmWeek=[];
    630. 

  630. 					var times=[];
    631. 

  631. 					var v_series=[];
    632. 

  632. 					for (var i = 0; i < data.length; i++) {
    633. 

  633. 						var v = data[i]['alarm'];
    634. 

  634. 						var tv = data[i]['time'].split("-")
    635. 

  635. 						times.push(tv[1]+"-"+tv[2])
    636. 

  636. 						if(v!=null)	alarmWeek.push(v)
    637. 

  637. 					}
    638. 

  638. 					if(alarmWeek.length==0){
    639. 

  639. 						t.parent().hide();
    640. 

  640. 					}else{
    641. 

  641. 						v_series.push({
    642. 

  642. 		        			name:"",
    643. 

  643. 						    type:'line',
    644. 

  644. 						    smooth: true,
    645. 

  645. 						    //symbol: 'none',
    646. 

  646. 						    data:alarmWeek,
    647. 

  647. 						    itemStyle: {
    648. 

  648. 				                normal: {
    649. 

  649. 				                    color: '#F0F275', // 这里设置折线的颜色
    650. 

  650. 				                    lineStyle: {
    651. 

  651. 				                        color: '#F0F27560' // 这里同时设置线头的颜色
    652. 

  652. 				                    }
    653. 

  653. 				                }
    654. 

  654. 				            },
    655. 

  655. 		        		});
    656. 

  656. 						var opt={
    657. 

  657. 		        				title: {
    658. 

  658. 		        					show:false, //不显示标题
    659. 

  659. 							        text: '',
    660. 

  660. 							        textStyle:{
    661. 

  661. 							        	color:"rgb(89, 151, 229)",
    662. 

  662. 							        	fontWeight:"bold"
    663. 

  663. 							        },
    664. 

  664. 							        top:"0px",
    665. 

  665. 							        left:"30px"
    666. 

  666. 							    },
    667. 

  667. 							    tooltip: {
    668. 

  668. 							        trigger: 'axis'
    669. 

  669. 							    },
    670. 

  670. 							    legend: {
    671. 

  671. 							    	show:false, //不显示图例
    672. 

  672. 							    	inactiveColor:"#04417A",
    673. 

  673. 							        data:"",
    674. 

  674. 							        textStyle:{color:"#fff"},
    675. 

  675. 							        top:"0px"
    676. 

  676. 							    },
    677. 

  677. 							    grid: {
    678. 

  678. 							        left: '1%',
    679. 

  679. 							        right: '1%',
    680. 

  680. 							        bottom: '2%',
    681. 

  681. 							        top:'5%',
    682. 

  682. 							        containLabel: true
    683. 

  683. 							    },
    684. 

  684. 							    xAxis: {
    685. 

  685. 							        type: 'category',
    686. 

  686. 							        boundaryGap: false,
    687. 

  687. 							        axisLabel:{
    688. 

  688. 							        	rotate:45,
    689. 

  689. 							        	color:"#fff"
    690. 

  690. 							        },
    691. 

  691. 							        data: times
    692. 

  692. 							    },
    693. 

  693. 							    yAxis: {
    694. 

  694. 							        type: 'value',
    695. 

  695. 							        nameTextStyle:{
    696. 

  696. 							        	color:"#fff"
    697. 

  697. 							        },
    698. 

  698. 							        axisLabel:{
    699. 

  699. 							        	color:"rgb(203,215,235)"
    700. 

  700. 							        },
    701. 

  701. 							        splitLine:{
    702. 

  702. 							        	lineStyle:{
    703. 

  703. 							        		color:"#7DA7CD",
    704. 

  704. 							        		type:"dashed",
    705. 

  705. 							        		width:1
    706. 

  706. 							        	}
    707. 

  707. 							        }
    708. 

  708. 							    },
    709. 

  709. 							    series:v_series
    710. 

  710. 		        			};
    711. 

  711. 		        		var echartsEle = echarts.init(t[0]);
    712. 

  712. 		        		echartsEle.setOption(opt);
    713. 

  713. 					}
    714. 

  714. 					//动态设置停机原因的top
    715. 

  715. 					$("#dev_stop").css("top",($("#dev_alarm").offset().top*1+$("#dev_alarm").height()+15)+"px");
    716. 

  716. 				},
    717. 

  717. 				DevInfo:function(data){
    718. 

  718. 					$("#dev_state_total").html(data.total);
    719. 

  719. 					$("#dev_state_runtotal").html(data.online);
    720. 

  720. 					$("#dev_state .content .stat .number").each(function(){
    721. 

  721. 						var attr=$(this).attr("attr");
    722. 

  722. 						$(this).html(data[attr])
    723. 

  723. 					})
    724. 

  724. 				},
    725. 

  725. 				StopLine:function(data,typecode){
    726. 

  726. 					var t=$("#dev_stop");
    727. 

  727. 					var week={"stop1A":[],"stop2A":[],"stop3A":[],"stop1B":[],"stop2B":[],"stop3B":[]};
    728. 

  728. 					var times=[];
    729. 

  729. 					var v_series=[];
    730. 

  730. 					for (var i = 0; i < data.length; i++) {
    731. 

  731. 						var tv = data[i]['time'].split("-")
    732. 

  732. 						times.push(tv[1]+"-"+tv[2])
    733. 

  733. 						for(var k1 in week){
    734. 

  734. 							week[k1].push(data[i][k1])
    735. 

  735. 						}
    736. 

  736. 					}
    737. 

  737. 					if((week.stop1A.length+week.stop2A.length+week.stop3A.length+week.stop1B.length+week.stop2B.length+week.stop3B.length)==0){
    738. 

  738. 						t.find(".content").hide();
    739. 

  739. 						t.find(".title").html("无机器停机");
    740. 

  740. 						$("#echarts_stop").html("");
    741. 

  741. 						return;
    742. 

  742. 					}
    743. 

  743. 					t.find(".content").show();
    744. 

  744. 					t.find(".title").html("");
    745. 

  745. 					var option = {
    746. 

  746. 						title: {
    747. 

  747. 							show:false,
    748. 

  748. 							text: '',
    749. 

  749. 							left: 'center',
    750. 

  750. 							top: '1%',
    751. 

  751. 							bottom:'0'
    752. 

  752. 						},
    753. 

  753. 						color: ["#37A2DA", "#32C5E9", "#67E0E3", "#9FE6B8", ],
    754. 

  754. 

  755. 						tooltip: {
    756. 

  756. 							trigger: 'axis'
    757. 

  757. 						},
    758. 

  758. 						legend: {
    759. 

  759. 							data: ['停经片A班', 'CCD断纱A班', '人工停机A班','停经片B班', 'CCD断纱B班', '人工停机B班',],
    760. 

  760. 							button:'5%',
    761. 

  761. 							textStyle:{color:"#fff"},
    762. 

  762. 							top:"0",
    763. 

  763. 						},
    764. 

  764. 						grid: {
    765. 

  765. 							containLabel: true,
    766. 

  766. 							top: '25%',
    767. 

  767. 							bottom:'0',
    768. 

  768. 							right:'1%',
    769. 

  769. 							left:'1%'
    770. 

  770. 						},
    771. 

  771. 						xAxis: [{
    772. 

  772. 							type: 'category',
    773. 

  773. 							boundaryGap: true,
    774. 

  774. 							data: times,
    775. 

  775. 							axisLabel:{
    776. 

  776. 							    rotate:45,
    777. 

  777. 							    color:"#fff"
    778. 

  778. 							},
    779. 

  779. 		                    axisPointer: {snap: false}
    780. 

  780. 						}],
    781. 

  781. 						yAxis: [{
    782. 

  782. 							type: 'value',
    783. 

  783. 		                    axisPointer: {snap: false},
    784. 

  784. 		                    axisLabel:{
    785. 

  785. 							    color:"rgb(203,215,235)"
    786. 

  786. 							},
    787. 

  787. 							splitLine:{
    788. 

  788. 							    lineStyle:{
    789. 

  789. 							        		color:"#7DA7CD",
    790. 

  790. 							        		type:"dashed",
    791. 

  791. 							        		width:1
    792. 

  792. 							    }
    793. 

  793. 							}
    794. 

  794. 						}],
    795. 

  795. 						series: [{
    796. 

  796. 							name: '停经片A班',
    797. 

  797. 							type: 'bar',
    798. 

  798. 		                    barWidth: 5,
    799. 

  799. 							stack: 'jp',
    800. 

  800. 							data: week.stop1A
    801. 

  801. 						}, {
    802. 

  802. 							name: '停经片B班',
    803. 

  803. 							type: 'bar',
    804. 

  804. 							stack: 'jp',
    805. 

  805. 							data: week.stop2A
    806. 

  806. 						},{
    807. 

  807. 							name: 'CCD断纱A班',
    808. 

  808. 							type: 'bar',
    809. 

  809. 		                    barWidth: 5,
    810. 

  810. 							stack: 'ccd',
    811. 

  811. 							data: week.stop3A
    812. 

  812. 						}, {
    813. 

  813. 							name: 'CCD断纱B班',
    814. 

  814. 							type: 'bar',
    815. 

  815. 							stack: 'ccd',
    816. 

  816. 							data: week.stop1B
    817. 

  817. 						},{
    818. 

  818. 							name: '人工停机A班',
    819. 

  819. 							type: 'bar',
    820. 

  820. 		                    barWidth: 5,
    821. 

  821. 							stack: 'r',
    822. 

  822. 							data: week.stop2B
    823. 

  823. 						}, {
    824. 

  824. 							name: '人工停机B班',
    825. 

  825. 							type: 'bar',
    826. 

  826. 							stack: 'r',
    827. 

  827. 							data: week.stop3B
    828. 

  828. 						}]
    829. 

  829. 					};
    830. 

  830. 		        	var echartsEle = echarts.init($("#echarts_stop")[0]);
    831. 

  831. 		        	echartsEle.setOption(option);
    832. 

  832. 				},
    833. 

  833. 				LoadSCXL:function(data){
    834. 

  834. 					//生产效率
    835. 

  835. 					$("#totay1").html(data.totalLength.toFixed(2))
    836. 

  836. 					$("#totay2").html(data.totalWeight.toFixed(2))
    837. 

  837. 					$("#scxl_a>td:eq(1)").html(data.atime.toFixed(2))
    838. 

  838. 					$("#scxl_a>td:eq(2)").html(data.alength.toFixed(2))
    839. 

  839. 					$("#scxl_a>td:eq(3)").html(data.aweight.toFixed(2))
    840. 

  840. 					$("#scxl_a>td:eq(4)").html(data.aefficiency.toFixed(2))
    841. 

  841. 					$("#scxl_b>td:eq(1)").html(data.btime.toFixed(2))
    842. 

  842. 					$("#scxl_b>td:eq(2)").html(data.blength.toFixed(2))
    843. 

  843. 					$("#scxl_b>td:eq(3)").html(data.bweight.toFixed(2))
    844. 

  844. 					$("#scxl_b>td:eq(4)").html(data.befficiency.toFixed(2))
    845. 

  845. 

  846. 				},
    847. 

  847. 				LoadJDL:function(data){
    848. 

  848. 					//稼动率
    849. 

  849. 					//获取数据中efficiency、aefficiency、befficiency
    850. 

  850. 					var t = $("#echarts_jiadonglv")
    851. 

  851. 					var week_efficiency=[];
    852. 

  852. 					var week_aefficiency=[];
    853. 

  853. 					var week_befficiency=[];
    854. 

  854. 					var times=[];
    855. 

  855. 					var v_series=[];
    856. 

  856. 					for (var i = 0; i < data.length; i++) {
    857. 

  857. 						var v = data[i]['efficiency'];
    858. 

  858. 						var tv = data[i]['time'].split("-")
    859. 

  859. 						times.push(tv[1]+"-"+tv[2])
    860. 

  860. 						if(v!=null)	week_efficiency.push(v);
    861. 

  861. 						week_aefficiency.push(data[i]['aefficiency'])
    862. 

  862. 						week_befficiency.push(data[i]['befficiency'])
    863. 

  863. 					}
    864. 

  864. 					if(week_efficiency.length==0){
    865. 

  865. 						return
    866. 

  866. 					}
    867. 

  867. 					v_series.push({name:"总稼动率",type:'line',smooth: true, //symbol: 'none',
    868. 

  868. 						    data:week_efficiency,itemStyle: {
    869. 

  869. 				                normal: {color: '#F0F275', // 这里设置折线的颜色
    870. 

  870. 				                    lineStyle: {color: '#F0F275' // 这里同时设置线头的颜色
    871. 

  871. 				                    }
    872. 

  872. 				                }
    873. 

  873. 				            },
    874. 

  874. 		        	});
    875. 

  875. 		        	v_series.push({name:"A组稼动率",type:'line',smooth: true, //symbol: 'none',
    876. 

  876. 						    data:week_aefficiency,itemStyle: {
    877. 

  877. 				                normal: {color: '#1EFFFF', // 这里设置折线的颜色
    878. 

  878. 				                    lineStyle: {color: '#1EFFFF' // 这里同时设置线头的颜色
    879. 

  879. 				                    }
    880. 

  880. 				                }
    881. 

  881. 				            },
    882. 

  882. 		        	});
    883. 

  883. 		        	v_series.push({name:"B组稼动率",type:'line',smooth: true, //symbol: 'none',
    884. 

  884. 						    data:week_befficiency,itemStyle: {
    885. 

  885. 				                normal: {color: '#295589', // 这里设置折线的颜色
    886. 

  886. 				                    lineStyle: {color: '#295589' // 这里同时设置线头的颜色
    887. 

  887. 				                    }
    888. 

  888. 				                }
    889. 

  889. 				            },
    890. 

  890. 		        	});
    891. 

  891. 					var opt={
    892. 

  892. 		        				title: {
    893. 

  893. 		        					show:false, //不显示标题
    894. 

  894. 							        text: '',
    895. 

  895. 							        textStyle:{
    896. 

  896. 							        	color:"rgb(89, 151, 229)",
    897. 

  897. 							        	fontWeight:"bold"
    898. 

  898. 							        },
    899. 

  899. 							        top:"0px",
    900. 

  900. 							        left:"30px"
    901. 

  901. 							    },
    902. 

  902. 							    tooltip: {
    903. 

  903. 							        trigger: 'axis'
    904. 

  904. 							    },
    905. 

  905. 							    legend: {
    906. 

  906. 							    	show:true, //不显示图例
    907. 

  907. 							    	inactiveColor:"#04417A",
    908. 

  908. 							        data:"",
    909. 

  909. 							        textStyle:{color:"#fff"},
    910. 

  910. 							        top:"5",
    911. 

  911. 							    },
    912. 

  912. 							    grid: {
    913. 

  913. 							        left: '3%',
    914. 

  914. 							        right: '1%',
    915. 

  915. 							        bottom: '0',
    916. 

  916. 							        top:'25%',
    917. 

  917. 							        containLabel: true
    918. 

  918. 							    },
    919. 

  919. 							    xAxis: {
    920. 

  920. 							        type: 'category',
    921. 

  921. 							        boundaryGap: false,
    922. 

  922. 							        axisLabel:{
    923. 

  923. 							        	rotate:45,
    924. 

  924. 							        	color:"#fff"
    925. 

  925. 							        },
    926. 

  926. 							        data: times
    927. 

  927. 							    },
    928. 

  928. 							    yAxis: {
    929. 

  929. 							        type: 'value',
    930. 

  930. 							        nameTextStyle:{
    931. 

  931. 							        	color:"#fff"
    932. 

  932. 							        },
    933. 

  933. 							        axisLabel:{
    934. 

  934. 							        	color:"rgb(203,215,235)"
    935. 

  935. 							        },
    936. 

  936. 							        splitLine:{
    937. 

  937. 							        	lineStyle:{
    938. 

  938. 							        		color:"#7DA7CD",
    939. 

  939. 							        		type:"dashed",
    940. 

  940. 							        		width:1
    941. 

  941. 							        	}
    942. 

  942. 							        }
    943. 

  943. 							    },
    944. 

  944. 							    series:v_series
    945. 

  945. 		        	};
    946. 

  946. 		        	var echartsEle = echarts.init(t[0]);
    947. 

  947. 		        	echartsEle.setOption(opt);
    948. 

  948. 				},
    949. 

  949. 				LoadSCLine:function(data){
    950. 

  950. 					//生产趋势
    951. 

  951. 					//获取数据中weight、aweight、bweight
    952. 

  952. 					var t = $("#echarts_sc_qushi")
    953. 

  953. 					var week_efficiency=[];
    954. 

  954. 					var week_aefficiency=[];
    955. 

  955. 					var week_befficiency=[];
    956. 

  956. 					var times=[];
    957. 

  957. 					var v_series=[];
    958. 

  958. 					for (var i = 0; i < data.length; i++) {
    959. 

  959. 						var v = data[i]['weight'];
    960. 

  960. 						var tv = data[i]['time'].split("-")
    961. 

  961. 						times.push(tv[1]+"-"+tv[2])
    962. 

  962. 						if(v!=null)	week_efficiency.push(v);
    963. 

  963. 						week_aefficiency.push(data[i]['aweight'])
    964. 

  964. 						week_befficiency.push(data[i]['bweight'])
    965. 

  965. 					}
    966. 

  966. 					if(week_efficiency.length==0){
    967. 

  967. 						return
    968. 

  968. 					}
    969. 

  969. 					v_series.push({name:"总重量",type:'line',smooth: false, //symbol: 'none',
    970. 

  970. 						    data:week_efficiency,itemStyle: {
    971. 

  971. 				                normal: {color: '#F0F275', // 这里设置折线的颜色
    972. 

  972. 				                    lineStyle: {color: '#F0F275' // 这里同时设置线头的颜色
    973. 

  973. 				                    }
    974. 

  974. 				                }
    975. 

  975. 				            },
    976. 

  976. 		        	});
    977. 

  977. 		        	v_series.push({name:"A组重量",type:'bar',stack:'1',smooth: true, //symbol: 'none',
    978. 

  978. 						    data:week_aefficiency,itemStyle: {
    979. 

  979. 				                normal: {color: '#1EFFFF', // 这里设置折线的颜色
    980. 

  980. 				                    lineStyle: {color: '#1EFFFF' // 这里同时设置线头的颜色
    981. 

  981. 				                    }
    982. 

  982. 				                }
    983. 

  983. 				            },
    984. 

  984. 				            barWidth:"15",
    985. 

  985. 				            itemStyle: {
    986. 

  986. 					            color: new echarts.graphic.LinearGradient(
    987. 

  987. 					                0, 0, 0, 1, // 这四个参数分别表示渐变的起点 (x1, y1) 与终点 (x2, y2)
    988. 

  988. 					                [
    989. 

  989. 					                    {offset: 0, color: '#1EFFFF'},   // 0% 处的颜色
    990. 

  990. 					                    {offset: 1, color: '#1D7777'}   // 100% 处的颜色
    991. 

  991. 					                ]
    992. 

  992. 					            )
    993. 

  993. 					        }
    994. 

  994. 		        	});
    995. 

  995. 		        	v_series.push({name:"B组重量",type:'bar',stack:'1',smooth: true, //symbol: 'none',
    996. 

  996. 						    data:week_befficiency,itemStyle: {
    997. 

  997. 				                normal: {color: '#295589', // 这里设置折线的颜色
    998. 

  998. 				                    lineStyle: {color: '#295589' // 这里同时设置线头的颜色
    999. 

  999. 				                    }
    1000. 

  1000. 				                }
    1001. 

  1001. 				            },
    1002. 

  1002. 				            barWidth:"15",
    1003. 

  1003. 				            itemStyle: {
    1004. 

  1004. 				            	barBorderRadius: [3,3,0,0,],
    1005. 

  1005. 					            color: new echarts.graphic.LinearGradient(
    1006. 

  1006. 					                0, 0, 0, 1, // 这四个参数分别表示渐变的起点 (x1, y1) 与终点 (x2, y2)
    1007. 

  1007. 					                [
    1008. 

  1008. 					                    {offset: 0, color: '#32A9FF'},   // 0% 处的颜色
    1009. 

  1009. 					                    {offset: 1, color: '#2B5A7C'}   // 100% 处的颜色
    1010. 

  1010. 					                ]
    1011. 

  1011. 					            )
    1012. 

  1012. 					        }
    1013. 

  1013. 		        	});
    1014. 

  1014. 					var opt={
    1015. 

  1015. 		        				title: {
    1016. 

  1016. 		        					show:false, //不显示标题
    1017. 

  1017. 							        text: '',
    1018. 

  1018. 							        textStyle:{
    1019. 

  1019. 							        	color:"rgb(89, 151, 229)",
    1020. 

  1020. 							        	fontWeight:"bold"
    1021. 

  1021. 							        },
    1022. 

  1022. 							        top:"0px",
    1023. 

  1023. 							        left:"30px"
    1024. 

  1024. 							    },
    1025. 

  1025. 							    tooltip: {
    1026. 

  1026. 							        trigger: 'axis'
    1027. 

  1027. 							    },
    1028. 

  1028. 							    legend: {
    1029. 

  1029. 							    	show:true, //不显示图例
    1030. 

  1030. 							    	inactiveColor:"#04417A",
    1031. 

  1031. 							        data:"",
    1032. 

  1032. 							        textStyle:{color:"#fff"},
    1033. 

  1033. 							        top:"5",
    1034. 

  1034. 							    },
    1035. 

  1035. 							    tooltip: {
    1036. 

  1036. 									trigger: 'axis',
    1037. 

  1037. 									axisPointer: {
    1038. 

  1038. 										label: {
    1039. 

  1039. 											show: true,
    1040. 

  1040. 											backgroundColor: '#fff',
    1041. 

  1041. 											color: '#556677',
    1042. 

  1042. 											borderColor: 'rgba(0,0,0,0)',
    1043. 

  1043. 											shadowColor: 'rgba(0,0,0,0)',
    1044. 

  1044. 											shadowOffsetY: 0
    1045. 

  1045. 										},
    1046. 

  1046. 										lineStyle: {
    1047. 

  1047. 											width: 0
    1048. 

  1048. 										}
    1049. 

  1049. 									},
    1050. 

  1050. 									backgroundColor: '#fff',
    1051. 

  1051. 									textStyle: {
    1052. 

  1052. 										color: '#5c6c7c'
    1053. 

  1053. 									},
    1054. 

  1054. 									padding: [10, 10],
    1055. 

  1055. 									extraCssText: 'box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)'
    1056. 

  1056. 								},
    1057. 

  1057. 							    grid: {
    1058. 

  1058. 							        left: '3%',
    1059. 

  1059. 							        right: '1%',
    1060. 

  1060. 							        bottom: '0',
    1061. 

  1061. 							        top:'25%',
    1062. 

  1062. 							        containLabel: true
    1063. 

  1063. 							    },
    1064. 

  1064. 							    xAxis: {
    1065. 

  1065. 							        type: 'category',
    1066. 

  1066. 							        boundaryGap: false,
    1067. 

  1067. 							        axisLabel:{
    1068. 

  1068. 							        	rotate:45,
    1069. 

  1069. 							        	color:"#fff"
    1070. 

  1070. 							        },
    1071. 

  1071. 							        data: times
    1072. 

  1072. 							    },
    1073. 

  1073. 							    yAxis: {
    1074. 

  1074. 							        type: 'value',
    1075. 

  1075. 							        nameTextStyle:{
    1076. 

  1076. 							        	color:"#fff"
    1077. 

  1077. 							        },
    1078. 

  1078. 							        axisLabel:{
    1079. 

  1079. 							        	color:"rgb(203,215,235)"
    1080. 

  1080. 							        },
    1081. 

  1081. 							        splitLine:{
    1082. 

  1082. 							        	lineStyle:{
    1083. 

  1083. 							        		color:"#7DA7CD",
    1084. 

  1084. 							        		type:"dashed",
    1085. 

  1085. 							        		width:1
    1086. 

  1086. 							        	}
    1087. 

  1087. 							        }
    1088. 

  1088. 							    },
    1089. 

  1089. 							    series:v_series
    1090. 

  1090. 		        	};
    1091. 

  1091. 		        	var echartsEle = echarts.init(t[0]);
    1092. 

  1092. 		        	echartsEle.setOption(opt);
    1093. 

  1093. 				},
    1094. 

  1094. 				LoadUsedLine:function(data){
    1095. 

  1095. 					//能耗趋势
    1096. 

  1096. 					//获取数据中kwh、akwh、bkwh
    1097. 

  1097. 					var t = $("#echarts_used_qushi")
    1098. 

  1098. 					var week_efficiency=[];
    1099. 

  1099. 					var week_aefficiency=[];
    1100. 

  1100. 					var week_befficiency=[];
    1101. 

  1101. 					var times=[];
    1102. 

  1102. 					var v_series=[];
    1103. 

  1103. 					for (var i = 0; i < data.length; i++) {
    1104. 

  1104. 						var v = data[i]['kwh'];
    1105. 

  1105. 						var tv = data[i]['time'].split("-")
    1106. 

  1106. 						times.push(tv[1]+"-"+tv[2])
    1107. 

  1107. 						if(v!=null)	week_efficiency.push(v);
    1108. 

  1108. 						week_aefficiency.push(data[i]['akwh'])
    1109. 

  1109. 						week_befficiency.push(data[i]['bkwh'])
    1110. 

  1110. 					}
    1111. 

  1111. 					if(week_efficiency.length==0){
    1112. 

  1112. 						return
    1113. 

  1113. 					}
    1114. 

  1114. 					v_series.push({name:"总电量",type:'line',smooth: true, //symbol: 'none',
    1115. 

  1115. 						    data:week_efficiency,itemStyle: {
    1116. 

  1116. 				                normal: {color: '#F0F275', // 这里设置折线的颜色
    1117. 

  1117. 				                    lineStyle: {color: '#F0F275' // 这里同时设置线头的颜色
    1118. 

  1118. 				                    }
    1119. 

  1119. 				                }
    1120. 

  1120. 				            },
    1121. 

  1121. 		        	});
    1122. 

  1122. 		        	v_series.push({name:"A组电量",type:'line',smooth: true, //symbol: 'none',
    1123. 

  1123. 						    data:week_aefficiency,itemStyle: {
    1124. 

  1124. 				                normal: {color: '#1EFFFF', // 这里设置折线的颜色
    1125. 

  1125. 				                    lineStyle: {color: '#1EFFFF' // 这里同时设置线头的颜色
    1126. 

  1126. 				                    }
    1127. 

  1127. 				                }
    1128. 

  1128. 				            },
    1129. 

  1129. 		        	});
    1130. 

  1130. 		        	v_series.push({name:"B组电量",type:'line',smooth: true, //symbol: 'none',
    1131. 

  1131. 						    data:week_befficiency,itemStyle: {
    1132. 

  1132. 				                normal: {color: '#295589', // 这里设置折线的颜色
    1133. 

  1133. 				                    lineStyle: {color: '#295589' // 这里同时设置线头的颜色
    1134. 

  1134. 				                    }
    1135. 

  1135. 				                }
    1136. 

  1136. 				            },
    1137. 

  1137. 		        	});
    1138. 

  1138. 					var opt={
    1139. 

  1139. 		        				title: {
    1140. 

  1140. 		        					show:false, //不显示标题
    1141. 

  1141. 							        text: '',
    1142. 

  1142. 							        textStyle:{
    1143. 

  1143. 							        	color:"rgb(89, 151, 229)",
    1144. 

  1144. 							        	fontWeight:"bold"
    1145. 

  1145. 							        },
    1146. 

  1146. 							        top:"0px",
    1147. 

  1147. 							        left:"30px"
    1148. 

  1148. 							    },
    1149. 

  1149. 							    tooltip: {
    1150. 

  1150. 							        trigger: 'axis'
    1151. 

  1151. 							    },
    1152. 

  1152. 							    legend: {
    1153. 

  1153. 							    	show:true, //不显示图例
    1154. 

  1154. 							    	inactiveColor:"#04417A",
    1155. 

  1155. 							        data:"",
    1156. 

  1156. 							        textStyle:{color:"#fff"},
    1157. 

  1157. 							        top:"5",
    1158. 

  1158. 							    },
    1159. 

  1159. 							    grid: {
    1160. 

  1160. 							        left: '3%',
    1161. 

  1161. 							        right: '1%',
    1162. 

  1162. 							        bottom: '0',
    1163. 

  1163. 							        top:'25%',
    1164. 

  1164. 							        containLabel: true
    1165. 

  1165. 							    },
    1166. 

  1166. 							    xAxis: {
    1167. 

  1167. 							        type: 'category',
    1168. 

  1168. 							        boundaryGap: false,
    1169. 

  1169. 							        axisLabel:{
    1170. 

  1170. 							        	rotate:45,
    1171. 

  1171. 							        	color:"#fff"
    1172. 

  1172. 							        },
    1173. 

  1173. 							        data: times
    1174. 

  1174. 							    },
    1175. 

  1175. 							    yAxis: {
    1176. 

  1176. 							        type: 'value',
    1177. 

  1177. 							        nameTextStyle:{
    1178. 

  1178. 							        	color:"#fff"
    1179. 

  1179. 							        },
    1180. 

  1180. 							        axisLabel:{
    1181. 

  1181. 							        	color:"rgb(203,215,235)"
    1182. 

  1182. 							        },
    1183. 

  1183. 							        splitLine:{
    1184. 

  1184. 							        	lineStyle:{
    1185. 

  1185. 							        		color:"#7DA7CD",
    1186. 

  1186. 							        		type:"dashed",
    1187. 

  1187. 							        		width:1
    1188. 

  1188. 							        	}
    1189. 

  1189. 							        }
    1190. 

  1190. 							    },
    1191. 

  1191. 							    series:v_series
    1192. 

  1192. 		        	};
    1193. 

  1193. 		        	var echartsEle = echarts.init(t[0]);
    1194. 

  1194. 		        	echartsEle.setOption(opt);
    1195. 

  1195. 				}
    1196. 

  1196. 			}
    1197. 

  1197.  			//汉化日期控件
    1198. 

  1198. 		    $.datepicker.regional['zh-CN'] = {  
    1199. 

  1199. 		      clearText: '清除',  
    1200. 

  1200. 		      clearStatus: '清除已选日期',  
    1201. 

  1201. 		      closeText: '关闭',  
    1202. 

  1202. 		      closeStatus: '不改变当前选择',  
    1203. 

  1203. 		      prevText: '<上月',  
    1204. 

  1204. 		      prevStatus: '显示上月',  
    1205. 

  1205. 		      prevBigText: '<<',  
    1206. 

  1206. 		      prevBigStatus: '显示上一年',  
    1207. 

  1207. 		      nextText: '下月>',  
    1208. 

  1208. 		      nextStatus: '显示下月',  
    1209. 

  1209. 		      nextBigText: '>>',  
    1210. 

  1210. 		      nextBigStatus: '显示下一年',  
    1211. 

  1211. 		      currentText: '今天',  
    1212. 

  1212. 		      currentStatus: '显示本月',  
    1213. 

  1213. 		      monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],  
    1214. 

  1214. 		      monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],  
    1215. 

  1215. 		      monthStatus: '选择月份',  
    1216. 

  1216. 		      yearStatus: '选择年份',  
    1217. 

  1217. 		      weekHeader: '周',  
    1218. 

  1218. 		      weekStatus: '年内周次',  
    1219. 

  1219. 		      dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  
    1220. 

  1220. 		      dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  
    1221. 

  1221. 		      dayNamesMin: ['日','一','二','三','四','五','六'],  
    1222. 

  1222. 		      dayStatus: '设置 DD 为一周起始',  
    1223. 

  1223. 		      dateStatus: '选择 m月 d日, DD',  
    1224. 

  1224. 		      dateFormat: 'yy-mm-dd',  
    1225. 

  1225. 		      firstDay: 1,  
    1226. 

  1226. 		      initStatus: '请选择日期',  
    1227. 

  1227. 		      isRTL: false  
    1228. 

  1228. 		    };  
    1229. 

  1229. 			$(document).ready(function(){
    1230. 

  1230. 				$.datepicker.setDefaults($.datepicker.regional['zh-CN']);  //设置日期控制语言
    1231. 

  1231. 			    $("#datepicker1").datepicker({
    1232. 

  1232. 			        dateFormat: "yy-mm-dd",
    1233. 

  1233. 			        showOn: "button",
    1234. 

  1234. 			        buttonText: "选择日期",
    1235. 

  1235. 			        changeMonth: true,
    1236. 

  1236. 			        changeYear: true,
    1237. 

  1237. 			        numberOfMonths: 1,
    1238. 

  1238. 			        rangeSelect: true,
    1239. 

  1239. 			        onClose: function(selectedDate) {
    1240. 

  1240. 			            $("#datepicker2").datepicker("option", "minDate", selectedDate);
    1241. 

  1241. 			            $("#datepicker2").val('')
    1242. 

  1242. 			        }
    1243. 

  1243. 			    });
    1244. 

  1244. 			 
    1245. 

  1245. 			    $("#datepicker2").datepicker({
    1246. 

  1246. 			        dateFormat: "yy-mm-dd",
    1247. 

  1247. 			        showOn: "button",
    1248. 

  1248. 			        buttonText: "选择日期",
    1249. 

  1249. 			        changeMonth: true,
    1250. 

  1250. 			        changeYear: true,
    1251. 

  1251. 			        numberOfMonths: 1,
    1252. 

  1252. 			        rangeSelect: true
    1253. 

  1253. 			    });
    1254. 

  1254. 			    $("#date_select,#ui-datepicker-div").on("click",function(e){
    1255. 

  1255. 			    	e.stopPropagation();
    1256. 

  1256. 			    })
    1257. 

  1257. 				$("#dev_stop").css("top",($("#dev_alarm").offset().top*1+$("#dev_alarm").height()+15)+"px");
    1258. 

  1258. 				$("#search input:eq(0)").off().on('keypress',function(e){
    1259. 

  1259. 					if(e.keyCode==13){
    1260. 

  1260. 						search()
    1261. 

  1261. 					}
    1262. 

  1262. 				});
    1263. 

  1263. 				$("#imp_btn").on('click',function(e){
    1264. 

  1264. 					e.stopPropagation();
    1265. 

  1265. 					$('#imp_item').show();
    1266. 

  1266. 					$('#search_result').hide()
    1267. 

  1267. 				})
    1268. 

  1268. 				$("#search .search_btn").on('click',function(e){
    1269. 

  1269. 					e.stopPropagation();
    1270. 

  1270. 					search();
    1271. 

  1271. 				})
    1272. 

  1272. 				//导出数据项选择
    1273. 

  1273. 				$("#imp_item>div").on('click',function(e){
    1274. 

  1274. 					//导出数据
    1275. 

  1275. 					var code = $(this).attr("itemcode")
    1276. 

  1276. 					if(code=="2")
    1277. 

  1277. 					{
    1278. 

  1278. 						e.stopPropagation();
    1279. 

  1279. 						$("#datepicker1,#datepicker2").val('')
    1280. 

  1280. 						$("#date_select").show().css({
    1281. 

  1281. 							"top":$(this).offset().top+47+"px",
    1282. 

  1282. 							"left":$(this).offset().left+$("#imp_item").width()-$("#date_select").width()-5+"px"
    1283. 

  1283. 						})
    1284. 

  1284. 					}else window.open(SERVER_URL+"/export")
    1285. 

  1285. 				})
    1286. 

  1286. 				//自定义导出日期确定
    1287. 

  1287. 				$("#date_select .dateSelected_ok").on('click',function(){					
    1288. 

  1288. 					var s1=$("#datepicker1").val()
    1289. 

  1289. 					var s2=$("#datepicker2").val()
    1290. 

  1290. 					if(s1=="" || s2=="") return;
    1291. 

  1291. 					s1 = Date.parse(s1)
    1292. 

  1292. 					s2 = Date.parse(s2)
    1293. 

  1293. 					window.open(SERVER_URL+"/export?start="+s1+"&end="+s2)
    1294. 

  1294. 					$("body").trigger('click')
    1295. 

  1295. 				});
    1296. 

  1296. 				$("#autoplayer_btn").off().on('click',function(){
    1297. 

  1297. 					var img=$(this).find("img");
    1298. 

  1298. 					AutoPlayer=!AutoPlayer
    1299. 

  1299. 					if(AutoPlayer){
    1300. 

  1300. 						img.attr("src","image/auto3d_start.png");
    1301. 

  1301. 						try{
    1302. 

  1302. 							//循环播放
    1303. 

  1303. 							player.Native.CameraAnimation.setLoop(true);
    1304. 

  1304. 							// 播放动画
    1305. 

  1305. 							player.Native.CameraAnimation.start();
    1306. 

  1306. 						}catch(e){}
    1307. 

  1307. 					}else{
    1308. 

  1308. 						img.attr("src","image/auto3d_stop.png");
    1309. 

  1309. 						try{
    1310. 

  1310. 							player.Native.CameraAnimation.stop();
    1311. 

  1311. 						}catch(e){}
    1312. 

  1312. 					}
    1313. 

  1313. 				})
    1314. 

  1314. 				function GetData(){
    1315. 

  1315. 					$.getJSON(SERVER_URL+"/index",{},function(res){
    1316. 

  1316. 						setTimeout(function(){
    1317. 

  1317. 							//每60秒主动查询一次数据
    1318. 

  1318. 							GetData()
    1319. 

  1319. 						},60000);
    1320. 

  1320. 						if(res==null || res.code!=0){
    1321. 

  1321. 							return
    1322. 

  1322. 						}
    1323. 

  1323. 						var jsondata=res.data;
    1324. 

  1324. 						DataFill.AlarmLine(jsondata.weekData)
    1325. 

  1325. 						DataFill.StopLine(jsondata.weekData)
    1326. 

  1326. 						DataFill.LoadSCXL(jsondata.efficiency)
    1327. 

  1327. 						DataFill.LoadJDL(jsondata.weekData)
    1328. 

  1328. 						DataFill.LoadSCLine(jsondata.weekData)
    1329. 

  1329. 						DataFill.LoadUsedLine(jsondata.weekData)
    1330. 

  1330. 					})
    1331. 

  1331. 				}
    1332. 

  1332. 				//获取数据
    1333. 

  1333. 				GetData();
    1334. 

  1334. 

  1335. 				function GetAlarmData(){
    1336. 

  1336. 					$.getJSON(SERVER_URL+"/alarm",{},function(res){
    1337. 

  1337. 						setTimeout(function(){
    1338. 

  1338. 							//每10秒主动查询一次数据
    1339. 

  1339. 							GetAlarmData()
    1340. 

  1340. 						},10000);
    1341. 

  1341. 						if(res==null || res.code!=0){
    1342. 

  1342. 							return
    1343. 

  1343. 						}
    1344. 

  1344. 						var jsondata=res.data;
    1345. 

  1345. 						DataFill.DevInfo(jsondata.device)
    1346. 

  1346. 						DataFill.AlarmTable(jsondata.alarm)
    1347. 

  1347. 					})
    1348. 

  1348. 				}
    1349. 

  1349. 				//获取数据
    1350. 

  1350. 				GetAlarmData();
    1351. 

  1351. 			});
    1352. 

  1352. 			//最佳视图
    1353. 

  1353. 			function backMasterView(){
    1354. 

  1354. 				if(AutoPlayer){
    1355. 

  1355. 					const img = $("#autoplayer_btn").find("img");
    1356. 

  1356. 					img.attr("src","image/auto3d_stop.png");
    1357. 

  1357. 					try{
    1358. 

  1358. 						player.Native.CameraAnimation.stop();
    1359. 

  1359. 					}catch(e){}
    1360. 

  1360. 				}
    1361. 

  1361. 				player.Native.Camera.moveTo([-60.91624261330108, -39.68511717426356, 85.99570940739352],[-61.26059834308166, -0.225858934410347, -0.5930273740619612],[-0.007940809332449061, 0.9099266223396253, 0.41469324265623975],1);
    1362. 

  1362. 			}
    1363. 

  1363. 

  1364. 			//1.创建RemotePlayer对象
    1365. 

  1365. 			var player = new RemotePlayer({
    1366. 

  1366. 				video: document.getElementById("EngineContent"), //绑定视频标签或图片标签
    1367. 

  1367. 				signalServer: PLAYER3D_URL, //云渲染服务器，发布时需要改为实际地址
    1368. 

  1368. 				engineId: "" + Date.now(), // 引擎会话id，如果已存在则连接，没有则创建，会话在断开连接后超时自动关闭
    1369. 

  1369. 				rtcIni: 'rtc.ini', // 可指定webrtc配置文件，默认为rtc.ini，相对目录为集群节点的enginePath目录
    1370. 

  1370. 				autoResize: true, // 引擎是否跟跟随标签尺寸
    1371. 

  1371. 				limtMoveCPS: 10, // 限制每秒鼠标移动的消息个数
    1372. 

  1372. 				userTimeout: 1000 * 60 * 60 * 5, // 用户操作超时设置，毫秒
    1373. 

  1373. 				exitTimeout: 1000 * 60 * 60 * 999999, // 用户超时后多久断开会话
    1374. 

  1374. 				maxTimeout: 1000, // 会话超时时间，允许掉线后引擎保存多久，在该时间内可重新连接到会话，否则会创建新的会话
    1375. 

  1375. 				debug: false // 是否启用调试，开启后调用Native接口时会使用console.log进行记录
    1376. 

  1376. 			});
    1377. 

  1377. 			var playerConnState=false;
    1378. 

  1378. 			//2.[可选]监听连接成功消息
    1379. 

  1379. 			player.on("Connected", () => {
    1380. 

  1380. 				console.log("Has connected to engine")
    1381. 

  1381. 				playerConnState = true
    1382. 

  1382. 			});
    1383. 

  1383. 

  1384. 			//3.[可选]监听连接失败消息
    1385. 

  1385. 			player.on("Disconnected", (e) => {
    1386. 

  1386. 				console.log("Disconnected from engine", e);
    1387. 

  1387. 				playerConnState = false
    1388. 

  1388. 				//4.[推荐]尝试重新连接
    1389. 

  1389. 				setTimeout(function(){
    1390. 

  1390. 					if(playerConnState) return
    1391. 

  1391. 					player.reconnect();
    1392. 

  1392. 				},10000)
    1393. 

  1393. 			});
    1394. 

  1394. 

  1395. 			//5. [推荐] 响应UserTimeOut消息，引擎接收用户鼠标触屏事件超时发出通知
    1396. 

  1396. 			player.on("UserTimeOut", () => {
    1397. 

  1397. 				console.info(`用户长时间没有操作三维视图，会话即将退出，可调用player.resetTimer()取消退出`);
    1398. 

  1398. 				if(!AutoPlayer)	$("#autoplayer_btn").trigger('click') //开启自动漫游
    1399. 

  1399. 			});
    1400. 

  1400. 			//6.监听远程过程调用加载完成消息
    1401. 

  1401. 			player.on("NativeLoad", async (Native) => {
    1402. 

  1402. 				var devAllCount = 6*12*2-4 //设备总数
    1403. 

  1403. 				//var loadedcnt = document.getElementById("loadedcnt")
    1404. 

  1404. 				//var totalcnt = document.getElementById("totalcnt")
    1405. 

  1405. 				//totalcnt.innerText = devAllCount;
    1406. 

  1406. 				//loadedcnt.innerText="0";
    1407. 

  1407. 				var cf="data://models/ALL.pr";
    1408. 

  1408. 				var t2File = "data://models/T2.pr";
    1409. 

  1409. 				//var SamplerFile = "data://models/sampler.pr";
    1410. 

  1410. 				// var errStr = await PlayerUtils.call(Native.NodeProxy.openProject, "data://pprj/test/test.pprj");
    1411. 

  1411. 				// 加载工程模型
    1412. 

  1412. 				var errStr = await PlayerUtils.call(Native.Model.loadModel, "all", cf);
    1413. 

  1413. 				//let cfInfo=await player.Native.Model.getInfo("all");
    1414. 

  1414. 				//player.Native.NodeProxy.setNodeRotation(cfInfo.nodePtr, [0,0,90]);
    1415. 

  1415. 				var rootItem = await player.Native.ModelTree.getRootItems()
    1416. 

  1416. 				var rowItems = await player.Native.ModelTree.getSubItems(rootItem[0].item)
    1417. 

  1417. 				for(var row =0;row<rowItems.length;row++){
    1418. 

  1418. 					if( rowItems[row].name.length<2 || rowItems[row].name.substr(0,1)!="R") continue;
    1419. 

  1419. 					var devItems = await player.Native.ModelTree.getSubItems(rowItems[row].item)
    1420. 

  1420. 					for (var i = 0; i < devItems.length; i++) {
    1421. 

  1421. 						if(devItems[i].name.length<2 || devItems[i].name.substr(0,2)!='C_') continue
    1422. 

  1422. 						var tmp = devItems[i] ;// await player.Native.ModelTree.findItemByName(name,0,true,3);
    1423. 

  1423. 						//计算当前设备在世界坐标
    1424. 

  1424. 						var xyz=await player.Native.ModelTree.calcItemAabb(tmp.item)
    1425. 

  1425. 						var xyz2=[(xyz.aabb.max[0]+xyz.aabb.min[0])*0.5,(xyz.aabb.max[1]+xyz.aabb.min[1])*0.5,(xyz.aabb.max[2]+xyz.aabb.min[2])*0.5];
    1426. 

  1426. 						// 创建设备编号标记
    1427. 

  1427. 						var options = {"text":devItems[i].name.replace("C_","")+"#","visible":true,"maxLod":110,"minLod":0.1,"textColor":parseInt("0xffffffff")};
    1428. 

  1428. 						options.pos = [xyz2[0]-1.5,xyz2[1]-3,0]
    1429. 

  1429. 						var markPtr = await player.Native.GisMarker.create(options);
    1430. 

  1430. 						player.Native.GisMarker.update(markPtr, options);
    1431. 

  1431. 						modelsMap[tmp.name] = {item: tmp.item,xyz:xyz2}
    1432. 

  1432. 					}
    1433. 

  1433. 				}
    1434. 

  1434. 				//loadedcnt.innerText=totalcnt.innerText;
    1435. 

  1435. 				MODEL_LOADED = 1;
    1436. 

  1436. 				if(ALARM_DEVS.length>0){
    1437. 

  1437. 					for (var i = 0; i < ALARM_DEVS.length; i++) {
    1438. 

  1438. 						var s = ALARM_DEVS[i].split(">")
    1439. 

  1439. 						ChangeModelColor(s[0],DEV_ALAR_COLOR,s[1]);
    1440. 

  1440. 					}
    1441. 

  1441. 					ALARM_DEVS=[];//清除
    1442. 

  1442. 				}
    1443. 

  1443. 				for (var i in ANIMATION_DATA) {
    1444. 

  1444. 					// 添加关键帧
    1445. 

  1445. 					player.Native.CameraAnimation.addKeyFrames([ANIMATION_DATA[i]]);
    1446. 

  1446. 				}
    1447. 

  1447. 				document.getElementById("loading").remove(true) //加载完成，移除Loading
    1448. 

  1448. 				document.getElementById("loading_a1").remove(true)
    1449. 

  1449. 				//调整视角，使其达到最佳初始效果
    1450. 

  1450. 				backMasterView();
    1451. 

  1451. 				//player.Native.Camera.moveToItem(lastPtr,1);
    1452. 

  1452. 				// // 选择Pickup工具
    1453. 

  1453. 				player.Native.Tools.setCurrentTool("system.Pickup");
    1454. 

  1454. 				//不显示提示框
    1455. 

  1455. 				player.Native.Settings.set("tips.enabled", "bool", false);
    1456. 

  1456. 				// //点选高亮显示
    1457. 

  1457. 				player.Native.Settings.set("pickUp.highlight", "bool", false);
    1458. 

  1458. 				//点选包围盒
    1459. 

  1459. 				player.Native.Settings.set("show.select.box", "bool", false);
    1460. 

  1460. 				player.Native.Settings.set("skybox.select", "string", "blue");
    1461. 

  1461. 				//点选背景虚化
    1462. 

  1462. 				player.Native.Settings.set("color.pickup.bkAlpha", "float", 0.8);
    1463. 

  1463. 				// 选中展示节点
    1464. 

  1464. 				// sam0023 = await player.Native.ModelTree.findItemByName("CYLINDER 3 of EQUIPMENT /C1101", 0, true, 3);
    1465. 

  1465. 				player.Native.Settings.set('ambientIndenty', 'float', 0.39);//初始化环境光补偿
    1466. 

  1466. 				player.Native.Settings.set('diffuseIntensity', 'float', 0.8);//初始化光线强度
    1467. 

  1467. 				player.Native.Settings.set('specularIntensity', 'float', 0.64);//初始化高光强度
    1468. 

  1468. 				player.Native.Settings.set('searchLightIntensity', 'float', 0.5);//初始化探照灯强度
    1469. 

  1469. 				// 点击事件一般仅用于浏览工具，在点选工具下无效
    1470. 

  1470. 				Native.Tools.setCurrentTool("system.Browse");
    1471. 

  1471. 				Native.ModelTree.EventBrowseLClick.connect((event) => {
    1472. 

  1472. 					updateInfo("LClick", event)
    1473. 

  1473. 				});
    1474. 

  1474. 				Native.ModelTree.EventBrowseRClick.connect((event) => {
    1475. 

  1475. 					updateInfo("RClick", event)
    1476. 

  1476. 				});
    1477. 

  1477. 

  1478. 			})
    1479. 

  1479. 

  1480. 			async function updateSettings(object, type) {
    1481. 

  1481. 				console.log(object)
    1482. 

  1482. 				if (object.id) {
    1483. 

  1483. 					if (type == "bool") {
    1484. 

  1484. 						player.Native.Settings.set(object.id, type, object.checked);
    1485. 

  1485. 					} else if (type == "red") {
    1486. 

  1486. 						//参数前3个为RGB值，最后一个为透明度？，有点问题，好像不是正常的RGB？
    1487. 

  1487. 						const xx = document.getElementById("color.value");
    1488. 

  1488. 						player.Native.Settings.set(object.id, "string", xx.value);
    1489. 

  1489. 					} else {
    1490. 

  1490. 						player.Native.Settings.set(object.id, type, object.value);
    1491. 

  1491. 					}
    1492. 

  1492. 					// 更新span值
    1493. 

  1493. 					if (type == "float") {
    1494. 

  1494. 						var showValueStr = object.id + "Value";
    1495. 

  1495. 						if (document.getElementById(showValueStr))
    1496. 

  1496. 							document.getElementById(showValueStr).innerText = object.value;
    1497. 

  1497. 					}
    1498. 

  1498. 				}
    1499. 

  1499. 			}
    1500. 

  1500. 			//修改模型
    1501. 

  1501. 			async function updateModel(object) {
    1502. 

  1502. 				// sam0023 = await player.Native.ModelTree.getSelectedItem();
    1503. 

  1503. 				sam0023 = await player.Native.ModelTree.getItemBySelfId(2433);
    1504. 

  1504. 				console.log("0023", sam0023);
    1505. 

  1505. 				if (object.id === "selectItem") {
    1506. 

  1506. 					// if (object.checked) {
    1507. 

  1507. 					player.Native.ModelTree.setSelectItem(sam0023.item);
    1508. 

  1508. 					// } else {
    1509. 

  1509. 					// 	player.Native.ModelTree.setSelectItem(0);
    1510. 

  1510. 					// }
    1511. 

  1511. 				} else if (object.id == "itemColor") {
    1512. 

  1512. 					console.log("瓦特？", JSON.stringify(sam0023))
    1513. 

  1513. 					// if (object.checked) {
    1514. 

  1514. 					const xx = document.getElementById("color.value");
    1515. 

  1515. 					player.Native.ModelTree.setItemColor(sam0023.item, parseInt(xx.value));
    1516. 

  1516. 					// } else {
    1517. 

  1517. 					// player.Native.ModelTree.restoreItemColor(sam0023.item);
    1518. 

  1518. 					// }
    1519. 

  1519. 				} else if (object.id == "itemColorClean") {
    1520. 

  1520. 					player.Native.ModelTree.restoreItemColor(sam0023.item);
    1521. 

  1521. 				} else if (object.id == "itemVisible") {
    1522. 

  1522. 					player.Native.ModelTree.setItemVisible(sam0023.item, object.checked);
    1523. 

  1523. 				}
    1524. 

  1524. 			}
    1525. 

  1525. 			//设置设置名称或者模型id的颜色
    1526. 

  1526. 			async function ChangeModelColor(name,color,hinttxt){
    1527. 

  1527. 				var iteminfo = modelsMap[name]
    1528. 

  1528. 				if(iteminfo==null) return
    1529. 

  1529. 				//var tmp = await player.Native.ModelTree.findItemByName(name,0,true,3);
    1530. 

  1530. 				if (color==null || color==""){
    1531. 

  1531. 					//还原
    1532. 

  1532. 					player.Native.ModelTree.restoreItemColor(iteminfo.item)
    1533. 

  1533. 				}else{
    1534. 

  1534. 					player.Native.ModelTree.setItemColor(iteminfo.item,parseInt("0x"+color+"ff"),true)
    1535. 

  1535. 					if(hinttxt!=null && hinttxt!=""){
    1536. 

  1536. 						var srcPosition = iteminfo.xyz // await player.Native.NodeProxy.getNodePosition(temp.item);
    1537. 

  1537. 						//console.log("posio",srcPosition)
    1538. 

  1538. 						// 创建标记
    1539. 

  1539. 						var imgid = await player.Native.GisMarker.loadImage("rgba:255,0,0,255");
    1540. 

  1540. 						var options = {"text":hinttxt,"visible":true,"maxLod":110,"minLod":0.1,"textColor":parseInt("0xffffffff")};
    1541. 

  1541. 						options.pos = [srcPosition[0]-1,srcPosition[1]-2,srcPosition[2]];
    1542. 

  1542. 						//options.parentNode=tmp.item;
    1543. 

  1543. 						options.imgId = imgid
    1544. 

  1544. 						options.imgSize=[-1,-1];
    1545. 

  1545. 						var markPtr = await player.Native.GisMarker.create(options);
    1546. 

  1546. 						player.Native.GisMarker.update(markPtr, options);
    1547. 

  1547. 					}
    1548. 

  1548. 				}
    1549. 

  1549. 			}
    1550. 

  1550. 

  1551. 			var LastClickObj=null;
    1552. 

  1552. 			var openState = false;
    1553. 

  1553. 			var dbClickTimer=null;
    1554. 

  1554. 			async function updateInfo(name, event) {
    1555. 

  1555. 				if(AutoPlayer) $("#autoplayer_btn").trigger('click') //停止 自动漫游
    1556. 

  1556. 				if(name!="LClick"){
    1557. 

  1557. 					CloseWin()
    1558. 

  1558. 					HideInfo();
    1559. 

  1559. 					return
    1560. 

  1560. 				}
    1561. 

  1561. 				//console.log(event)
    1562. 

  1562. 				var ty = event.object.nodePtr!=null ? 'NODE' : 'ITEM';
    1563. 

  1563. 				var modelsId = ty=='NODE' ? event.object.nodePtr : event.object.item;
    1564. 

  1564. 				if (modelsId==null || modelsId==""){
    1565. 

  1565. 					CloseWin()
    1566. 

  1566. 					HideInfo();
    1567. 

  1567. 					return
    1568. 

  1568. 				}
    1569. 

  1569. 				var devName=null;
    1570. 

  1570. 				var cnt=0;
    1571. 

  1571. 				var p = null;
    1572. 

  1572. 				while(devName==null){
    1573. 

  1573. 					if(cnt>5) break //最多查找5层
    1574. 

  1574. 					if(ty=='NODE')	p=await player.Native.NodeProxy.getNodeParent(modelsId) //节点类型的node
    1575. 

  1575. 					else p= await player.Native.ModelTree.getItemInfo(modelsId)
    1576. 

  1576. 					if(p.name!=null && p.name.substr(0,2)=="C_"){
    1577. 

  1577. 						devName = p.name
    1578. 

  1578. 						break
    1579. 

  1579. 					}
    1580. 

  1580. 					modelsId = ty=='NODE'? p.nodePtr : p.parentItem;
    1581. 

  1581. 					cnt++
    1582. 

  1582. 				}
    1583. 

  1583. 				if(devName==null){
    1584. 

  1584. 					CloseWin()
    1585. 

  1585. 					HideInfo();
    1586. 

  1586. 					return
    1587. 

  1587. 				}
    1588. 

  1588. 				console.log(name,devName)
    1589. 

  1589. 				if(devName==LastClickObj){
    1590. 

  1590. 					if(dbClickTimer!=null) clearTimeout(dbClickTimer)
    1591. 

  1591. 					HideInfo();
    1592. 

  1592. 					//双击
    1593. 

  1593. 					if(openState) return //窗口已经打开
    1594. 

  1594. 					OpenWin(devName)
    1595. 

  1595. 					return
    1596. 

  1596. 				}
    1597. 

  1597. 				CloseWin();
    1598. 

  1598. 				HideInfo();
    1599. 

  1599. 				LastClickObj = devName
    1600. 

  1600. 				dbClickTimer = setTimeout(function(n){
    1601. 

  1601. 					ShowInfo(n)
    1602. 

  1602. 					LastClickObj=null
    1603. 

  1603. 				},200,devName)
    1604. 

  1604. 			}
    1605. 

  1605. 

  1606. 			function search(){
    1607. 

  1607. 				var v= $.trim($("#search input:eq(0)").val());
    1608. 

  1608. 				var s2=$("#search_result")
    1609. 

  1609. 				if(v==""){
    1610. 

  1610. 					s2.html("").hide();
    1611. 

  1611. 					return
    1612. 

  1612. 				}
    1613. 

  1613. 				var lst=[];
    1614. 

  1614. 				for(var k in modelsMap){
    1615. 

  1615. 					if(k.indexOf(v)>-1){
    1616. 

  1616. 						lst.push('<div class="item" devno="'+k+'">'+k.replace("C_","")+'</div>')
    1617. 

  1617. 					}
    1618. 

  1618. 				}
    1619. 

  1619. 				s2.html(lst.join("")).show();
    1620. 

  1620. 				if(lst.length==0){
    1621. 

  1621. 					s2.html('未搜索到任何设备')
    1622. 

  1622. 					return
    1623. 

  1623. 				}
    1624. 

  1624. 				s2.find(".item").off().on('click',function(){
    1625. 

  1625. 					ShowInfo($(this).attr('devno'))
    1626. 

  1626. 				})
    1627. 

  1627. 			}
    1628. 

  1628. 			//打开单设备窗口
    1629. 

  1629. 			function OpenWin(name){
    1630. 

  1630. 				if(LastClickObj!=null && name!=LastClickObj) return;
    1631. 

  1631. 				openState=true
    1632. 

  1632. 				name = name.replace("C_","")
    1633. 

  1633. 				$("#newwin .title .text:eq(0)").html(name)
    1634. 

  1634. 				$("#newwin").show();
    1635. 

  1635. 				$("#newwin .content .btn").removeClass("btn_active");
    1636. 

  1636. 				$("#newwin .content .btn:eq(0)").addClass("btn_active");
    1637. 

  1637. 				$("#newwin .content .btn").off().on("click",function(){
    1638. 

  1638. 					if($(this).hasClass("btn_active")) return
    1639. 

  1639. 					$("#newwin .content .btn").removeClass("btn_active");
    1640. 

  1640. 					$(this).addClass("btn_active");
    1641. 

  1641. 					LoadDevDetail(name,window.Device_Data,$(this).index())
    1642. 

  1642. 				})
    1643. 

  1643. 				$.getJSON(SERVER_URL+"/query/C_"+name,{},function(res){
    1644. 

  1644. 					window.Device_Data = res.data
    1645. 

  1645. 					LoadDevDetail(name,window.Device_Data,"0")
    1646. 

  1646. 				})
    1647. 

  1647. 			}
    1648. 

  1648. 			//关闭窗口
    1649. 

  1649. 			function CloseWin(){
    1650. 

  1650. 				LastClickObj=null
    1651. 

  1651. 				openState=false
    1652. 

  1652. 				window.Device_Data=null;
    1653. 

  1653. 				$("#newwin").hide();
    1654. 

  1654. 			}
    1655. 

  1655. 			//显示设备基本信息
    1656. 

  1656. 			async function ShowInfo(name){
    1657. 

  1657. 				var se=modelsMap[name];// await player.Native.ModelTree.findItemByName(name,0,true,3);
    1658. 

  1658. 				//选中
    1659. 

  1659. 				player.Native.ModelTree.setSelectItem(se.item);
    1660. 

  1660. 				var calcInfo = await PlayerUtils.call(player.Native.ModelTree.calcItemAabb, se.item);
    1661. 

  1661. 				player.Native.Camera.moveToAabbWithDistance([calcInfo.localAabb.min, calcInfo.localAabb.max], 0.2,21, 4);
    1662. 

  1662. 				name = name.replace("C_","")
    1663. 

  1663. 				$("#showinfo .title .text").html(name+"#经编机-基本信息")
    1664. 

  1664. 				$("#showinfo").show();
    1665. 

  1665. 				$.getJSON(SERVER_URL+"/query/C_"+name,{},function(res){
    1666. 

  1666. 					LoadDevBaseData(res.data.data)
    1667. 

  1667. 				})
    1668. 

  1668. 			}
    1669. 

  1669. 			//隐藏设备基本信息
    1670. 

  1670. 			function HideInfo(){
    1671. 

  1671. 				$("#showinfo").hide();
    1672. 

  1672. 			}
    1673. 

  1673. 

  1674. 			function LoadDevBaseData(data){
    1675. 

  1675. 				var t = $("#showinfo .content");
    1676. 

  1676. 				//盘头剩余时间
    1677. 

  1677. 				var tb = t.find("table:eq(0)>tbody>tr:eq(2)");
    1678. 

  1678. 				tb.find("td:eq(0)").html(data.Capacity_data_5);
    1679. 

  1679. 				tb.find("td:eq(1)").html(data.Capacity_data_6);
    1680. 

  1680. 				tb.find("td:eq(2)").html(data.Capacity_data_7);
    1681. 

  1681. 				tb.find("td:eq(3)").html(data.Capacity_data_8);
    1682. 

  1682. 				tb.find("td:eq(4)").html(data.Capacity_data_9);
    1683. 

  1683. 				//盘头剩余周长
    1684. 

  1684. 				tb = t.find("table:eq(1)>tbody>tr:eq(2)");
    1685. 

  1685. 				tb.find("td:eq(0)").html(data.Capacity_data_10);
    1686. 

  1686. 				tb.find("td:eq(1)").html(data.Capacity_data_11);
    1687. 

  1687. 				tb.find("td:eq(2)").html(data.Capacity_data_12);
    1688. 

  1688. 				tb.find("td:eq(3)").html(data.Capacity_data_13);
    1689. 

  1689. 				tb.find("td:eq(4)").html(data.Capacity_data_14);
    1690. 

  1690. 				//盘头剩余圈数
    1691. 

  1691. 				tb = t.find("table:eq(2)>tbody>tr:eq(2)");
    1692. 

  1692. 				tb.find("td:eq(0)").html(data.Capacity_data_15);
    1693. 

  1693. 				tb.find("td:eq(1)").html(data.Capacity_data_16);
    1694. 

  1694. 				tb.find("td:eq(2)").html(data.Capacity_data_17);
    1695. 

  1695. 				tb.find("td:eq(3)").html(data.Capacity_data_18);
    1696. 

  1696. 				tb.find("td:eq(4)").html(data.Capacity_data_19);
    1697. 

  1697. 			}
    1698. 

  1698. 

  1699. 			function LoadDevDetail(name,data,typecode){
    1700. 

  1700. 				if(typecode==null) typecode="0";
    1701. 

  1701. 				$("#newwin .dataContent>div").hide()
    1702. 

  1702. 				var t=$("#newwin .dataContent>div:eq("+typecode+")").show();
    1703. 

  1703. 				if(typecode=="0"){
    1704. 

  1704. 					//告警周趋势
    1705. 

  1705. 					t =t.find(".dev_alarm_echarts");
    1706. 

  1706. 					var alarmWeek=[];
    1707. 

  1707. 					var times=[];
    1708. 

  1708. 					var v_series=[];
    1709. 

  1709. 					for (var i = 0; i < data.alarms.length; i++) {
    1710. 

  1710. 						var v = data.alarms[i]['value'];
    1711. 

  1711. 						var tv = data.alarms[i]['time'].split("-")
    1712. 

  1712. 						times.push(tv[1]+"-"+tv[2])
    1713. 

  1713. 						if(v!=null)	alarmWeek.push(v)
    1714. 

  1714. 					}
    1715. 

  1715. 					if(alarmWeek.length==0){
    1716. 

  1716. 						t.html('未获取到告警趋势数据')
    1717. 

  1717. 					}else{
    1718. 

  1718. 						v_series.push({
    1719. 

  1719. 		        			name:"",
    1720. 

  1720. 						    type:'line',
    1721. 

  1721. 						    smooth: true,
    1722. 

  1722. 						    //symbol: 'none',
    1723. 

  1723. 						    data:alarmWeek,
    1724. 

  1724. 						    itemStyle: {
    1725. 

  1725. 				                normal: {
    1726. 

  1726. 				                    color: '#F0F275', // 这里设置折线的颜色
    1727. 

  1727. 				                    lineStyle: {
    1728. 

  1728. 				                        color: '#F0F27560' // 这里同时设置线头的颜色
    1729. 

  1729. 				                    }
    1730. 

  1730. 				                }
    1731. 

  1731. 				            },
    1732. 

  1732. 		        		});
    1733. 

  1733. 						var opt={
    1734. 

  1734. 		        				title: {
    1735. 

  1735. 		        					show:false, //不显示标题
    1736. 

  1736. 							        text: '',
    1737. 

  1737. 							        textStyle:{
    1738. 

  1738. 							        	color:"rgb(89, 151, 229)",
    1739. 

  1739. 							        	fontWeight:"bold"
    1740. 

  1740. 							        },
    1741. 

  1741. 							        top:"0px",
    1742. 

  1742. 							        left:"30px"
    1743. 

  1743. 							    },
    1744. 

  1744. 							    tooltip: {
    1745. 

  1745. 							        trigger: 'axis'
    1746. 

  1746. 							    },
    1747. 

  1747. 							    legend: {
    1748. 

  1748. 							    	show:false, //不显示图例
    1749. 

  1749. 							    	inactiveColor:"#04417A",
    1750. 

  1750. 							        data:"",
    1751. 

  1751. 							        textStyle:{color:"#fff"},
    1752. 

  1752. 							        top:"0px"
    1753. 

  1753. 							    },
    1754. 

  1754. 							    grid: {
    1755. 

  1755. 							        left: '1%',
    1756. 

  1756. 							        right: '1%',
    1757. 

  1757. 							        bottom: '2%',
    1758. 

  1758. 							        top:'5%',
    1759. 

  1759. 							        containLabel: true
    1760. 

  1760. 							    },
    1761. 

  1761. 							    xAxis: {
    1762. 

  1762. 							        type: 'category',
    1763. 

  1763. 							        boundaryGap: false,
    1764. 

  1764. 							        axisLabel:{
    1765. 

  1765. 							        	rotate:45,
    1766. 

  1766. 							        	color:"#fff"
    1767. 

  1767. 							        },
    1768. 

  1768. 							        data: times
    1769. 

  1769. 							    },
    1770. 

  1770. 							    yAxis: {
    1771. 

  1771. 							        type: 'value',
    1772. 

  1772. 							        nameTextStyle:{
    1773. 

  1773. 							        	color:"#fff"
    1774. 

  1774. 							        },
    1775. 

  1775. 							        axisLabel:{
    1776. 

  1776. 							        	color:"rgb(203,215,235)"
    1777. 

  1777. 							        },
    1778. 

  1778. 							        splitLine:{
    1779. 

  1779. 							        	lineStyle:{
    1780. 

  1780. 							        		color:"#7DA7CD",
    1781. 

  1781. 							        		type:"dashed",
    1782. 

  1782. 							        		width:1
    1783. 

  1783. 							        	}
    1784. 

  1784. 							        }
    1785. 

  1785. 							    },
    1786. 

  1786. 							    series:v_series
    1787. 

  1787. 		        			};
    1788. 

  1788. 		        		var echartsEle = echarts.init(t[0]);
    1789. 

  1789. 		        		echartsEle.setOption(opt);
    1790. 

  1790. 					}
    1791. 

  1791. 					//当前告警数据加载
    1792. 

  1792. 					if(DataFill.AlarmData==null || DataFill.AlarmData.length==0){
    1793. 

  1793. 						$(".newwin .dataContent .no_alarm").show();
    1794. 

  1794. 						$(".newwin .dataContent .has_alarm").hide();
    1795. 

  1795. 						return
    1796. 

  1796. 					}
    1797. 

  1797. 					var t1 = [];
    1798. 

  1798. 					for (var i = 0; i < DataFill.AlarmData.length; i++) {
    1799. 

  1799. 						if(DataFill.AlarmData[i].code=='C_'+name){
    1800. 

  1800. 							t1.push(DataFill.AlarmType[DataFill.AlarmData[i].type])
    1801. 

  1801. 						}
    1802. 

  1802. 					}
    1803. 

  1803. 					if(t1.length==0){
    1804. 

  1804. 						$(".newwin .dataContent .no_alarm").show();
    1805. 

  1805. 						$(".newwin .dataContent .has_alarm").hide();
    1806. 

  1806. 						return
    1807. 

  1807. 					}
    1808. 

  1808. 					$(".newwin .dataContent .no_alarm").hide();
    1809. 

  1809. 					var a1=$(".newwin .dataContent .has_alarm").show().html("");
    1810. 

  1810. 					for (var i = 0; i < t1.length; i++) {
    1811. 

  1811. 						a1.append('<span class="alarm_span"><img src="image/alarm_icon.png" style="vertical-align: middle;"><b>'+t1[i]+'</b></span>')
    1812. 

  1812. 					}
    1813. 

  1813. 				}else{
    1814. 

  1814. 					t.find(".value").each(function(){
    1815. 

  1815. 						var th=$(this), attrname=th.attr("attr"),unit=th.attr("unit"),v=data.data[attrname];
    1816. 

  1816. 						if(v=="true") v="开";
    1817. 

  1817. 						if(v=="false") v="关";
    1818. 

  1818. 						if(unit!="") th.html(v+"("+th.attr("unit")+")")
    1819. 

  1819. 						else th.html(v)
    1820. 

  1820. 					})
    1821. 

  1821. 				}
    1822. 

  1822. 			}
    1823. 

  1823. 

  1824. 		</script>
    1825. 

  1825. <style type="text/css">
    1826. 

  1826. 

  1827. </script>
    1828.