DenKiln.html 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <link rel="shortcut icon" href="/img/logo.png" />
  7. <link rel="bookmark" href="/img/logo.png" />
  8. <link rel="stylesheet" href="/plugins/bootstrap-4.3.1/css/bootstrap.min.css">
  9. <link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
  10. <link href="/Plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
  11. <link rel="stylesheet" href="../DashBoard.css?v3" />
  12. <script src="/Plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
  13. <script src="/Plugins/xrequest/xrequest.min.js"></script>
  14. <title>东科软件</title>
  15. </head>
  16. <div>
  17. <body class="bg-white p-0 dk-report">
  18. <!--实时缺陷记录-->
  19. <div class="container-fluid pt-1 p-0 box_1920_1080">
  20. <div class="position-absolute">
  21. <span id="实时缺陷加载" class="dk-report-loading" style="padding-left: 290px;font-size: 13px;color: #38dcff;font-weight: 700;float: left;padding-top: 40px;"></span>
  22. </div>
  23. <h4 class="text-center pb-2 dk-report-title" style="font-size: 50px; font-weight: bolder;color: #f8f9fa;">登窑看板</h4>
  24. <!--TK1本烧-->
  25. <table class="table-hover table-striped" style="font-size: 30px; width: 1866px; margin-left: 27px; margin-top: 10px;">
  26. <tr style="height: 27px; width: 1866px;" align="right">
  27. <td scope="col" class="text-center" style="width: 918px; font-size: 30px; color: #f8f9fa; " colspan=" 2" align="right">
  28. <div id="sj" name="sj" style="float: right ;font-size: 35px; ">时间</div>
  29. </td>
  30. </tr>
  31. </table>
  32. <table class="table-hover table-striped" style="font-size: 14px; width: 1420px; margin-left: 470px; margin-top: -15px; ">
  33. <tr style="height: 47px; width: 1420px; ">
  34. <td scope="col" class="text-center" id="sumjs" style="width: 818px; font-size: 65px; color: #f8f9fa; ">正在获取数据.....</td>
  35. <td scope="col" class="text-center" id="sumhgl" style="width: 818px; font-size: 65px; color: #f8f9fa; ">正在获取数据.....</td>
  36. </tr>
  37. </table>
  38. <table id="登窑看板柜盆" class="table-hover table-striped" style="font-size: 30px; width: 440px; margin-left: 27px; margin-top: -120px; ">
  39. <thead style="border: 1px solid #38dcff ">
  40. <tr style="height: 72px; ">
  41. <td scope="col" class="text-center" style="width: 150px; font-size: 38px;" colspan="3" id="gphgl">正在获取数据.....</td>
  42. </tr>
  43. <tr style="height: 72px; width: 1866px; ">
  44. <td scope="col" class="text-center" style="width: 150px;">工序</td>
  45. <td scope="col" class="text-center" style="width: 180px; font-size:28px;" >P4(一组)
  46. <br/>
  47. <div id="P4gp">(0)</div>
  48. </td>
  49. <td scope="col" class="text-center" style="width: 180px; font-size: 28px; ">P5(二组)
  50. <br />
  51. <div id="P5gp"> (0) </div>
  52. </td>
  53. </tr>
  54. <tr style="height: 72px; ">
  55. <td scope="col" class="text-center" style="width: 150px;">数量</td>
  56. <td scope="col" class="text-center" style="width: 180px;" id="P4gpsl1"></td>
  57. <td scope="col" class="text-center" style="width: 180px;" id="P5gpsl1"></td>
  58. </tr>
  59. <tr style="height: 72px; ">
  60. <td scope="col" class="text-center">缺陷率</td>
  61. <td scope="col" class="text-center" id="P4gpqxl1" style="width: 170px;"></td>
  62. <td scope="col" class="text-center" id="P5gpqxl1" style="width: 170px;"></td>
  63. </tr>
  64. <tr style="height: 72px; ">
  65. <td scope="col" class="text-center" style="width: 150px;" rowspan="2">前三不良</td>
  66. <td scope="col" class="text-center" id="P4gpqsbl1" style="width: 180px; font-size: 15px;" rowspan="2"></td>
  67. <td scope="col" class="text-center" id="P5gpqsbl1" style="width: 180px; font-size: 15px;" rowspan="2"></td>
  68. </tr>
  69. <tr style="height: 40px; ">
  70. </tr>
  71. <tr style="height: 72px; ">
  72. <td scope="col" class="text-center" style="width: 150px;">合格率</td>
  73. <td scope="col" class="text-center" id="P4gphgl" style="width: 180px;"></td>
  74. <td scope="col" class="text-center" id="P5gphgl" style="width: 180px;"></td>
  75. </tr>
  76. </thead>
  77. <tbody>
  78. </tbody>
  79. </table>
  80. <table></table>
  81. <table id="登窑看板其他" class="table-hover table-striped" style="font-size: 30px; width: 440px; margin-left: 27px; margin-top: -45px; ">
  82. <thead style="border: 1px solid #38dcff ">
  83. <tr style="height: 72px; width: 1866px; ">
  84. <td scope="col" class="text-center" style="width: 150px;">工序</td>
  85. <td scope="col" class="text-center" style="width: 180px;" id="qt">其他</td>
  86. </tr>
  87. <tr style="height: 72px; ">
  88. <td scope="col" class="text-center" style="width: 150px;">数量</td>
  89. <td scope="col" class="text-center" style="width: 180px;" id="qtsl1"></td>
  90. </tr>
  91. <tr style="height: 72px; ">
  92. <td scope="col" class="text-center">缺陷率</td>
  93. <td scope="col" class="text-center" id="qtqxl1" style="width: 180px;"></td>
  94. </tr>
  95. <tr style="height: 72px; ">
  96. <td scope="col" class="text-center" style="width: 150px;" rowspan="2">前三不良</td>
  97. <td scope="col" class="text-center" id="qtqsbl1" style="width: 180px; font-size: 15px;" rowspan="2"></td>
  98. </tr>
  99. <tr style="height: 40px; ">
  100. </tr>
  101. <tr style="height: 71px; ">
  102. <td scope="col" class="text-center" style="width: 150px;">合格率</td>
  103. <td scope="col" class="text-center" id="qthgl" style="width: 180px;"></td>
  104. </tr>
  105. </thead>
  106. <tbody>
  107. </tbody>
  108. </table>
  109. <table id="登窑看板P6" class="table-hover table-striped" style="font-size: 30px; width: 1420px; margin-left: 470px; margin-top: -828px; ">
  110. <thead style="border: 1px solid #38dcff ">
  111. <tr style="height: 65px; width: 1866px; ">
  112. <td scope="col" class="text-center" style="width: 150px;">缺陷类别</td>
  113. <td scope="col" class="text-center" style="width: 150px;">土渣</td>
  114. <td scope="col" class="text-center" style="width: 150px;">粉渣</td>
  115. <td scope="col" class="text-center" style="width: 150px;">登伤</td>
  116. <td scope="col" class="text-center" style="width: 150px;">板渣</td>
  117. <td scope="col" class="text-center" style="width: 150px; " colspan="2" id="P6">P6(一班)</td>
  118. <td scope="col" class="text-center" style="width: 170px;">杂锈点</td>
  119. </tr>
  120. <tr style="height: 65px; ">
  121. <td scope="col" class="text-center" style="width: 150px;">数量</td>
  122. <td scope="col" class="text-center" style="width: 150px;" id="p6sl1"></td>
  123. <td scope="col" class="text-center" style="width: 150px;" id="p6sl2"></td>
  124. <td scope="col" class="text-center" style="width: 150px;" id="p6sl3"></td>
  125. <td scope="col" class="text-center" style="width: 150px;" id="p6sl4"></td>
  126. <td scope="col" class="text-center" style="width: 150px; " rowspan="2"> 产量</td>
  127. <td scope="col" class="text-center" style="width: 150px;" id="p6cl" rowspan="2"></td>
  128. <td scope="col" class="text-center" style="width: 150px;" id="p6sl5"></td>
  129. </tr>
  130. <tr style="height: 65px; ">
  131. <td scope="col" class="text-center">缺陷率</td>
  132. <td scope="col" class="text-center" id="p6qxl1" style="width: 150px;"></td>
  133. <td scope="col" class="text-center" id="p6qxl2" style="width: 150px;"></td>
  134. <td scope="col" class="text-center" id="p6qxl3" style="width: 150px;"></td>
  135. <td scope="col" class="text-center" id="p6qxl4" style="width: 150px;"></td>
  136. <td scope="col" class="text-center" id="p6qxl5" style="width: 150px;"></td>
  137. </tr>
  138. <tr style="height: 65px; ">
  139. <td scope="col" class="text-center" rowspan="2" style="width: 150px;">前三不良</td>
  140. <td scope="col" class="text-center" rowspan="2" id="p6qsbl1" style="width: 150px; font-size: 15px;"></td>
  141. <td scope="col" class="text-center" rowspan="2" id="p6qsbl2" style="width: 150px; font-size: 15px;"></td>
  142. <td scope="col" class="text-center" rowspan="2" id="p6qsbl3" style="width: 150px; font-size: 15px; "></td>
  143. <td scope="col" class="text-center" rowspan="2" id="p6qsbl4" style="width: 150px; font-size: 15px;"></td>
  144. <td scope="col" class="text-center" style="width: 150px;">合格率</td>
  145. <td scope="col" class="text-center" id="p6hgl" style="width: 150px;"></td>
  146. <td scope="col" class="text-center" rowspan="2" id="p6qsbl5" style="width: 150px; font-size: 15px;"></td>
  147. </tr>
  148. </thead>
  149. <tbody>
  150. </tbody>
  151. </table>
  152. <!--TK1小件本烧、重烧(大件)-->
  153. <table id="登窑看板P7" class="table-hover table-striped" style="font-size: 30px; width: 1420px; margin-left: 470px; margin-top: -3px; ">
  154. <thead style="border: 1px solid #38dcff ">
  155. <tr style="height: 65px; width: 1866px;">
  156. <td scope="col" class="text-center" style="width: 150px;">缺陷类别</td>
  157. <td scope="col" class="text-center" style="width: 150px;">土渣</td>
  158. <td scope="col" class="text-center" style="width: 150px;">粉渣</td>
  159. <td scope="col" class="text-center" style="width: 150px;">登伤</td>
  160. <td scope="col" class="text-center" style="width: 150px;">板渣</td>
  161. <td scope="col" class="text-center" style="width: 150px; " colspan="2" id="P7">P7(二班)</td>
  162. <td scope="col" class="text-center" style="width: 170px;">杂锈点</td>
  163. </tr>
  164. <tr style="height: 65px; ">
  165. <td scope="col" class="text-center" style="width: 150px;">数量</td>
  166. <td scope="col" class="text-center" style="width: 150px;" id="p7sl1"></td>
  167. <td scope="col" class="text-center" style="width: 150px;" id="p7sl2"></td>
  168. <td scope="col" class="text-center" style="width: 150px;" id="p7sl3"></td>
  169. <td scope="col" class="text-center" style="width: 150px;" id="p7sl4"></td>
  170. <td scope="col" class="text-center" style="width: 150px; " rowspan="2"> 产量</td>
  171. <td scope="col" class="text-center" style="width: 150px;" id="p7cl" rowspan="2"></td>
  172. <td scope="col" class="text-center" style="width: 150px;" id="p7sl5"></td>
  173. </tr>
  174. <tr style="height: 65px; ">
  175. <td scope="col" class="text-center">缺陷率</td>
  176. <td scope="col" class="text-center" id="p7qxl1" style="width: 150px;"></td>
  177. <td scope="col" class="text-center" id="p7qxl2" style="width: 150px;"></td>
  178. <td scope="col" class="text-center" id="p7qxl3" style="width: 150px;"></td>
  179. <td scope="col" class="text-center" id="p7qxl4" style="width: 150px;"></td>
  180. <td scope="col" class="text-center" id="p7qxl5" style="width: 150px;"></td>
  181. </tr>
  182. <tr style="height: 65px; ">
  183. <td scope="col" class="text-center" rowspan="2" style="width: 150px;">前三不良</td>
  184. <td scope="col" class="text-center" rowspan="2" id="p7qsbl1" style="width: 150px; font-size: 15px;"></td>
  185. <td scope="col" class="text-center" rowspan="2" id="p7qsbl2" style="width: 150px; font-size: 15px;"></td>
  186. <td scope="col" class="text-center" rowspan="2" id="p7qsbl3" style="width: 150px; font-size: 15px; "></td>
  187. <td scope="col" class="text-center" rowspan="2" id="p7qsbl4" style="width: 150px; font-size: 15px;"></td>
  188. <td scope="col" class="text-center" style="width: 150px;">合格率</td>
  189. <td scope="col" class="text-center" id="p7hgl" style="width: 150px;"></td>
  190. <td scope="col" class="text-center" rowspan="2" id="p7qsbl5" style="width: 150px; font-size: 15px;"></td>
  191. </tr>
  192. </thead>
  193. <tbody>
  194. </tbody>
  195. </table>
  196. <!--SK1本烧 重烧-->
  197. <table id="登窑看板P8" class="table-hover table-striped" style="font-size: 30px; width: 1420px; margin-left: 470px; margin-top: -3px; ">
  198. <thead style="border: 1px solid #38dcff ">
  199. <tr style="height: 65px; width: 1866px; ">
  200. <td scope="col" class="text-center" style="width: 150px;">缺陷类别</td>
  201. <td scope="col" class="text-center" style="width: 150px;">土渣</td>
  202. <td scope="col" class="text-center" style="width: 150px;">粉渣</td>
  203. <td scope="col" class="text-center" style="width: 150px;">登伤</td>
  204. <td scope="col" class="text-center" style="width: 150px;">板渣</td>
  205. <td scope="col" class="text-center" style="width: 150px; " colspan="2" id="P8">P8(三班)</td>
  206. <td scope="col" class="text-center" style="width: 170px;">杂锈点</td>
  207. </tr>
  208. <tr style="height: 65px; ">
  209. <td scope="col" class="text-center" style="width: 150px;">数量</td>
  210. <td scope="col" class="text-center" style="width: 150px;" id="p8sl1"></td>
  211. <td scope="col" class="text-center" style="width: 150px;" id="p8sl2"></td>
  212. <td scope="col" class="text-center" style="width: 150px;" id="p8sl3"></td>
  213. <td scope="col" class="text-center" style="width: 150px;" id="p8sl4"></td>
  214. <td scope="col" class="text-center" style="width: 150px; " rowspan="2"> 产量</td>
  215. <td scope="col" class="text-center" style="width: 150px;" id="p8cl" rowspan="2"></td>
  216. <td scope="col" class="text-center" style="width: 150px;" id="p8sl5"></td>
  217. </tr>
  218. <tr style="height: 65px; ">
  219. <td scope="col" class="text-center">缺陷率</td>
  220. <td scope="col" class="text-center" id="p8qxl1" style="width: 150px;"></td>
  221. <td scope="col" class="text-center" id="p8qxl2" style="width: 150px;"></td>
  222. <td scope="col" class="text-center" id="p8qxl3" style="width: 150px;"></td>
  223. <td scope="col" class="text-center" id="p8qxl4" style="width: 150px;"></td>
  224. <td scope="col" class="text-center" id="p8qxl5" style="width: 150px;"></td>
  225. </tr>
  226. <tr style="height: 65px; ">
  227. <td scope="col" class="text-center" rowspan="2" style="width: 150px;">前三不良</td>
  228. <td scope="col" class="text-center" rowspan="2" id="p8qsbl1" style="width: 150px; font-size: 15px;"></td>
  229. <td scope="col" class="text-center" rowspan="2" id="p8qsbl2" style="width: 150px; font-size: 15px;"></td>
  230. <td scope="col" class="text-center" rowspan="2" id="p8qsbl3" style="width: 150px; font-size: 15px; "></td>
  231. <td scope="col" class="text-center" rowspan="2" id="p8qsbl4" style="width: 150px; font-size: 15px;"></td>
  232. <td scope="col" class="text-center" style="width: 150px;">合格率</td>
  233. <td scope="col" class="text-center" id="p8hgl" style="width: 150px;"></td>
  234. <td scope="col" class="text-center" rowspan="2" id="p8qsbl5" style="width: 150px; font-size: 15px;"></td>
  235. </tr>
  236. </thead>
  237. <tbody>
  238. </tbody>
  239. </table>
  240. </div>
  241. <!--版权信息-->
  242. <script src="/Plugins/bootstrap-4.3.1/js/bootstrap.bundle.min.js"></script>
  243. <script src="/Plugins/bootstrap-table/bootstrap-table.min.js"></script>
  244. <script src="/Plugins/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
  245. <script src="/Plugins/sweetalert/sweetalert.min.js"></script>
  246. <script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
  247. <script src="/Plugins/chartjs-2.8.0/utils.js"></script>
  248. <script>
  249. //实时缺陷刷新时间
  250. var refreshTime2 = 30000;
  251. var currentTime2 = 0;
  252. var qqRowCount = 0;
  253. var qqInterval;
  254. var showpage = 9; //显示条数
  255. var pages = 1; //当前页数
  256. var excesspage; //剩余条数
  257. var countpage; //总条数
  258. $(document).ready(function () {
  259. //刷新时间
  260. loadServerTime();
  261. loadData();
  262. doGetData = setInterval(function () { loadData(); }, 1000);
  263. });
  264. //取服务器时间
  265. function loadServerTime() {
  266. //var date = new Date();
  267. //var datestr = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours() + ":" + date.getMinutes();
  268. //$('#sj').html(datestr);
  269. $.get('/main/dashboard/api/GetDateTime.ashx', function (data) {
  270. var json = JSON.parse(data);
  271. if (json["success"] == true) {
  272. $('#sj').html(json["rows"]["时间"]);
  273. console.log(json["rows"]["时间"]);
  274. }
  275. });
  276. }
  277. //加载数据
  278. function loadData() {
  279. //加载实时缺陷
  280. if (currentTime2 == 0) {
  281. currentTime2 = refreshTime2;
  282. loadTable(function (jsonData) {
  283. $('#实时缺陷加载').bootstrapTable('refreshOptions', { data: jsonData });
  284. });
  285. } else {
  286. $("#实时缺陷加载").html('刷新倒计时(秒):' + currentTime2 / 1000);
  287. currentTime2 = currentTime2 - 1000;
  288. }
  289. };
  290. function All() {
  291. //总产量
  292. $.get('DenKiln.ashx?m=Output', function (data) {
  293. var json = JSON.parse(data)
  294. if (json["success"] == true) {
  295. $('#sumjs').html("大件总产量:" + json["sumjs"]);
  296. }
  297. });
  298. //总合格率
  299. $.get('DenKiln.ashx?m=Rate', function (data) {
  300. var json = JSON.parse(data);
  301. if (json["success"] == true) {
  302. $('#sumhgl').html("大件合格率:" + (Number(json["sumhgl"].toString().match(/^\d+(?:\.\d{0,2})?/)) + "%"));
  303. if (json["sumhgl"] >= 98.5) {
  304. document.getElementById("sumhgl").style.color = "white";
  305. } else if (json["sumhgl"] >= 98 && json["sumhgl"] < 98.5) {
  306. document.getElementById("sumhgl").style.color = "yellow";
  307. } else if (json["sumhgl"] < 98) {
  308. document.getElementById("sumhgl").style.color = "red";
  309. }
  310. }
  311. });
  312. }
  313. //班次产量 合格率
  314. function ListSum() {
  315. $.get('DenKiln.ashx?m=P6sum', function (data) {
  316. var json = JSON.parse(data);
  317. if (json["success"] == true) {
  318. $('#p6cl').text(json["rows"][0]["产量"]);
  319. if (json["rows"][1] == null) {
  320. $('#p6hgl').text("0%");
  321. } else {
  322. $('#p6hgl').text(json["rows"][1]["产量"]);
  323. if (json["rows"][1]["产量"].slice(0, -1) >= 98.5) {
  324. document.getElementById("p6hgl").style.color = "white";
  325. } else if (json["rows"][1]["产量"].slice(0, -1) >= 98 && json["rows"][1]["产量"].slice(0, -1) < 98.5) {
  326. document.getElementById("p6hgl").style.color = "yellow";
  327. } else if (json["rows"][1]["产量"].slice(0, -1) < 98) {
  328. document.getElementById("p6hgl").style.color = "red";
  329. }
  330. }
  331. }
  332. });
  333. $.get('DenKiln.ashx?m=P7sum', function (data) {
  334. var json = JSON.parse(data);
  335. if (json["success"] == true) {
  336. $('#p7cl').text(json["rows"][0]["产量"]);
  337. if (json["rows"][1] == null) {
  338. $('#p7hgl').text("0%");
  339. } else {
  340. $('#p7hgl').text(json["rows"][1]["产量"]);
  341. if (json["rows"][1]["产量"].slice(0, -1) >= 98.5) {
  342. document.getElementById("p7hgl").style.color = "white";
  343. } else if (json["rows"][1]["产量"].slice(0, -1) >= 98 && json["rows"][1]["产量"].slice(0, -1) < 98.5) {
  344. document.getElementById("p7hgl").style.color = "yellow";
  345. } else if (json["rows"][1]["产量"].slice(0, -1) < 98) {
  346. document.getElementById("p7hgl").style.color = "red";
  347. }
  348. }
  349. }
  350. });
  351. $.get('DenKiln.ashx?m=P8sum', function (data) {
  352. var json = JSON.parse(data);
  353. if (json["success"] == true) {
  354. $('#p8cl').text(json["rows"][0]["产量"]);
  355. if (json["rows"][1] == null) {
  356. $('#p8hgl').text("0%");
  357. } else {
  358. $('#p8hgl').text(json["rows"][1]["产量"]);
  359. if (json["rows"][1]["产量"].slice(0, -1) >= 98.5) {
  360. document.getElementById("p8hgl").style.color = "white";
  361. } else if (json["rows"][1]["产量"].slice(0, -1) >= 98 && json["rows"][1]["产量"].slice(0, -1) < 98.5) {
  362. document.getElementById("p8hgl").style.color = "yellow";
  363. } else if (json["rows"][1]["产量"].slice(0, -1) < 98) {
  364. document.getElementById("p8hgl").style.color = "red";
  365. }
  366. }
  367. }
  368. });
  369. $.get('DenKiln.ashx?m=P6-P8', function (data) {
  370. var json = JSON.parse(data);
  371. if (json["success"] == true) {
  372. $('#P6').text("P6(一班) (" + json["rows"][0]["成检交接数量"] + ")");
  373. $('#P7').text("P7(二班) (" + json["rows"][1]["成检交接数量"] + ")");
  374. $('#P8').text("P8(三班) (" + json["rows"][2]["成检交接数量"] + ")");
  375. }
  376. });
  377. }
  378. //明细数据
  379. function loadTable(callback) {
  380. loadServerTime();
  381. setTimeout(P4(), 2000);
  382. setTimeout(P5(), 3000);
  383. setTimeout(P6(), 4000);
  384. setTimeout(P7(), 5000);
  385. setTimeout(P8(), 6000);
  386. setTimeout(AllGPSum(), 7000);
  387. setTimeout(GPHGL(), 8000);
  388. setTimeout(ListSum(), 9000);
  389. setTimeout(loadData(), 10000);
  390. setTimeout(All(), 12000);
  391. setTimeout(Process(), 14000);
  392. }
  393. function P4() {
  394. $.get('DenKiln.ashx?m=P4data', function (data) {
  395. var json = JSON.parse(data);
  396. if (json['success'] == true) {
  397. $('#P4gpsl1').text(json["rows"][0]["柜盆"]);
  398. $('#P4gpqxl1').text(json["rows"][1]["柜盆"]);
  399. $('#P4gpqsbl1').text(json["rows"][2]["柜盆"]);
  400. $('#P4gphgl').text(json["rows"][3]["柜盆"]);
  401. if (json["rows"][3]["柜盆"].slice(0, -1) >= 92) {
  402. document.getElementById("P4gphgl").style.color = "white";
  403. } else if (json["rows"][3]["柜盆"].slice(0, -1) >= 90 && json["rows"][3]["柜盆"].slice(0, -1) < 92) {
  404. document.getElementById("P4gphgl").style.color = "yellow";
  405. } else if (json["rows"][3]["柜盆"].slice(0, -1) < 90) {
  406. document.getElementById("P4gphgl").style.color = "red";
  407. }
  408. }
  409. });
  410. }
  411. function P5() {
  412. $.get('DenKiln.ashx?m=P5data', function (data) {
  413. var json = JSON.parse(data);
  414. if (json['success'] == true) {
  415. $('#P5gpsl1').text(json["rows"][0]["柜盆"]);
  416. $('#P5gpqxl1').text(json["rows"][1]["柜盆"]);
  417. $('#P5gpqsbl1').text(json["rows"][2]["柜盆"]);
  418. $('#P5gphgl').text(json["rows"][3]["柜盆"]);
  419. if (json["rows"][3]["柜盆"].slice(0, -1) >= 92) {
  420. document.getElementById("P5gphgl").style.color = "white";
  421. } else if (json["rows"][3]["柜盆"].slice(0, -1) >= 90 && json["rows"][3]["柜盆"].slice(0, -1) < 92) {
  422. document.getElementById("P5gphgl").style.color = "yellow";
  423. } else if (json["rows"][3]["柜盆"].slice(0, -1) < 90) {
  424. document.getElementById("P5gphgl").style.color = "red";
  425. }
  426. }
  427. });
  428. }
  429. function P6() {
  430. $.get('DenKiln.ashx?m=P6data', function (data) {
  431. var json = JSON.parse(data);
  432. if (json['success'] == true) {
  433. $('#p6sl1').text(json["rows"][0]["土渣"]);
  434. $('#p6sl2').text(json["rows"][0]["粉渣"]);
  435. $('#p6sl3').text(json["rows"][0]["登伤"]);
  436. $('#p6sl4').text(json["rows"][0]["板渣"]);
  437. $('#p6sl5').text(json["rows"][0]["杂锈点"]);
  438. if (json["rows"][0]["土渣"] != "-" && json["rows"][0]["粉渣"] != "-" && json["rows"][0]["登伤"] != "-" && json["rows"][0]["板渣"] != "-" && json["rows"][0]["杂锈点"] != "-") {
  439. $('#p6qxl1').text(json["rows"][1]["土渣"]);
  440. $('#p6qxl2').text(json["rows"][1]["粉渣"]);
  441. $('#p6qxl3').text(json["rows"][1]["登伤"]);
  442. $('#p6qxl4').text(json["rows"][1]["板渣"]);
  443. $('#p6qxl5').text(json["rows"][1]["杂锈点"]);
  444. $('#p6qsbl1').text(json["rows"][2]["土渣"]);
  445. $('#p6qsbl2').text(json["rows"][2]["粉渣"]);
  446. $('#p6qsbl3').text(json["rows"][2]["登伤"]);
  447. $('#p6qsbl4').text(json["rows"][2]["板渣"]);
  448. $('#p6qsbl5').text(json["rows"][2]["杂锈点"]);
  449. } else {
  450. $('#p6qxl1').text("-");
  451. $('#p6qxl2').text("-");
  452. $('#p6qxl3').text("-");
  453. $('#p6qxl4').text("-");
  454. $('#p6qxl5').text("-");
  455. $('#p6qsbl1').text("-");
  456. $('#p6qsbl2').text("-");
  457. $('#p6qsbl3').text("-");
  458. $('#p6qsbl4').text("-");
  459. $('#p6qsbl5').text("-");
  460. }
  461. }
  462. });
  463. }
  464. function P7() {
  465. $.get('DenKiln.ashx?m=P7data', function (data) {
  466. var json = JSON.parse(data);
  467. if (json['success'] == true) {
  468. $('#p7sl1').text(json["rows"][0]["土渣"]);
  469. $('#p7sl2').text(json["rows"][0]["粉渣"]);
  470. $('#p7sl3').text(json["rows"][0]["登伤"]);
  471. $('#p7sl4').text(json["rows"][0]["板渣"]);
  472. $('#p7sl5').text(json["rows"][0]["杂锈点"]);
  473. $('#p7qxl1').text(json["rows"][1]["土渣"]);
  474. $('#p7qxl2').text(json["rows"][1]["粉渣"]);
  475. $('#p7qxl3').text(json["rows"][1]["登伤"]);
  476. $('#p7qxl4').text(json["rows"][1]["板渣"]);
  477. $('#p7qxl5').text(json["rows"][1]["杂锈点"]);
  478. $('#p7qsbl1').text(json["rows"][2]["土渣"]);
  479. $('#p7qsbl2').text(json["rows"][2]["粉渣"]);
  480. $('#p7qsbl3').text(json["rows"][2]["登伤"]);
  481. $('#p7qsbl4').text(json["rows"][2]["板渣"]);
  482. $('#p7qsbl5').text(json["rows"][2]["杂锈点"]);
  483. }
  484. });
  485. }
  486. function P8() {
  487. $.get('DenKiln.ashx?m=P8data', function (data) {
  488. var json = JSON.parse(data);
  489. if (json['success'] == true) {
  490. $('#p8sl1').text(json["rows"][0]["土渣"]);
  491. $('#p8sl2').text(json["rows"][0]["粉渣"]);
  492. $('#p8sl3').text(json["rows"][0]["登伤"]);
  493. $('#p8sl4').text(json["rows"][0]["板渣"]);
  494. $('#p8sl5').text(json["rows"][0]["杂锈点"]);
  495. $('#p8qxl1').text(json["rows"][1]["土渣"]);
  496. $('#p8qxl2').text(json["rows"][1]["粉渣"]);
  497. $('#p8qxl3').text(json["rows"][1]["登伤"]);
  498. $('#p8qxl4').text(json["rows"][1]["板渣"]);
  499. $('#p8qxl5').text(json["rows"][1]["杂锈点"]);
  500. $('#p8qsbl1').text(json["rows"][2]["土渣"]);
  501. $('#p8qsbl2').text(json["rows"][2]["粉渣"]);
  502. $('#p8qsbl3').text(json["rows"][2]["登伤"]);
  503. $('#p8qsbl4').text(json["rows"][2]["板渣"]);
  504. $('#p8qsbl5').text(json["rows"][2]["杂锈点"]);
  505. }
  506. });
  507. }
  508. //其他
  509. function Process() {
  510. $.get('DenKiln.ashx?m=Process', function (data) {
  511. var json = JSON.parse(data);
  512. if (json['success'] == true) {
  513. $('#qtsl1').text(json["rows"][0]["隐藏式水箱座便器"]);
  514. $('#qtqxl1').text(json["rows"][1]["隐藏式水箱座便器"]);
  515. $('#qtqsbl1').text(json["rows"][2]["隐藏式水箱座便器"]);
  516. $('#qthgl').text(json["rows"][3]["隐藏式水箱座便器"]);
  517. if (json["rows"][3]["隐藏式水箱座便器"].slice(0, -1) >= 90) {
  518. document.getElementById("qthgl").style.color = "white";
  519. } else if (json["rows"][3]["隐藏式水箱座便器"].slice(0, -1) >= 87 && json["rows"][3]["隐藏式水箱座便器"].slice(0, -1) < 90) {
  520. document.getElementById("qthgl").style.color = "yellow";
  521. } else if (json["rows"][3]["隐藏式水箱座便器"].slice(0, -1) < 87) {
  522. document.getElementById("qthgl").style.color = "red";
  523. }
  524. }
  525. });
  526. $.get('DenKiln.ashx?m=TK1smallTableTitle', function (data) {
  527. var json = JSON.parse(data);
  528. if (json['success'] == true) {
  529. document.getElementById('qt').innerHTML = "其他(" + json["rows"][0]["其他"] + ")";
  530. }
  531. });
  532. }
  533. function AllGPSum() {
  534. $.get('DenKiln.ashx?m=AllGP', function (data) {
  535. var json = JSON.parse(data);
  536. if (json['success'] == true) {
  537. if (json["rows"][0] == null) {
  538. $('#P4gp').text("("+"0"+")");
  539. } else {
  540. $('#P4gp').text("(" + json["rows"][0]["P4成检柜盆数量"] + ")");
  541. $('#P5gp').text("(" + json["rows"][0]["P5成检柜盆数量"] + ")");
  542. }
  543. }
  544. });
  545. }
  546. function GPHGL() {
  547. $.get('DenKiln.ashx?m=GPHGL', function (data) {
  548. var json = JSON.parse(data);
  549. if (json['success'] == true) {
  550. $('#gphgl').text("柜盆总合格率:" + json["rows"][0]["合格率"]);
  551. if (json["rows"][0]["合格率"].slice(0, -1) >= 82) {
  552. document.getElementById("gphgl").style.color = "white";
  553. } else if (json["rows"][0]["合格率"].slice(0, -1) >= 80 && json["rows"][0]["合格率"].slice(0, -1) < 82) {
  554. document.getElementById("gphgl").style.color = "yellow";
  555. } else if (json["rows"][0]["合格率"].slice(0, -1) < 80) {
  556. document.getElementById("gphgl").style.color = "red";
  557. }
  558. }
  559. });
  560. }
  561. </script>
  562. <style>
  563. table {
  564. height: 40px;
  565. color: #f8f9fa !important;
  566. font-size: 20px;
  567. font-weight: 700;
  568. background: rgba(25, 52, 90,.5);
  569. border: 1px solid #38dcff;
  570. margin-bottom: 1rem;
  571. }
  572. td {
  573. padding: 2px !important;
  574. text-align: center !important;
  575. border-bottom: 1px solid #38dcff !important;
  576. border-right: 1px dashed #38dcff !important;
  577. border: white;
  578. }
  579. /* element.style {
  580. margin-top: -10px;
  581. font-size: 23px;
  582. color: #adb5bd;
  583. font-weight: bolder;
  584. margin-right: 30px;
  585. float: right;
  586. margin-top: 20px;
  587. }*/
  588. </style>
  589. </body>
  590. </div>
  591. </html>