QualityBulletinBoard.html 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670
  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. <body class="bg-white p-0 dk-report">
  17. <!--实时缺陷记录-->
  18. <div class="container-fluid pt-1 p-0 box_1920_1080">
  19. <div class="position-absolute">
  20. <span id="实时缺陷加载" class="dk-report-loading" style="padding-left: 290px;font-size: 13px;color: #38dcff;font-weight: 700;float: left;padding-top: 40px;"></span>
  21. </div>
  22. <h4 class="text-center pb-2 dk-report-title" style="font-size: 40px; font-weight: bolder;color: #f8f9fa;">质量看板</h4>
  23. <label style="font-size: 20px; color: #f8f9fa; padding-left: 30px; padding-top: 25px; font-weight: bolder;">TK1:大件(本烧)</label>
  24. <label style="margin-top: -10px; font-size: 23px; color: #f8f9fa; font-weight: bolder; margin-left: 30px; "><span id="出窑"style="margin-left:-20px"></span>&nbsp;&nbsp;<span id="合格率"></span>&nbsp;&nbsp;<span id="废品率"></span></label>
  25. <label id="dqsj" style="color: #f8f9fa; font-weight: bolder; margin-top: -10px; font-size: 25px; margin-right: 30px; float: right; margin-top: 20px; ">9999 23:99</label>
  26. <!--TK1本烧-->
  27. <table id="质量看板1" class="table-hover table-striped" style="font-size: 14px; width: 1866px; margin-left: 27px;">
  28. <thead style="border: 1px solid #38dcff ">
  29. <tr style="height: 47px; width: 1866px;">
  30. <td scope="col" class="text-center" style="width: 120px;">工序</td>
  31. <td scope="col" class="text-center" colspan="3">成型</td>
  32. <td scope="col" class="text-center" colspan="3">登装</td>
  33. <td scope="col" class="text-center" colspan="4">施釉</td>
  34. <td scope="col" class="text-center" colspan="2">二检</td>
  35. <td scope="col" class="text-center" colspan="2">一检</td>
  36. <td scope="col" class="text-center" colspan="1">杂锈点</td>
  37. <td scope="col" class="text-center" colspan="2">其它</td>
  38. </tr>
  39. <tr style="height: 47px;">
  40. <td scope="col" class="text-center">类别</td>
  41. <td scope="col" class="text-center" style="width: 130px;">裂&nbsp;&nbsp;&nbsp;</td>
  42. <td scope="col" class="text-center" style="width: 130px;">杂质</td>
  43. <td scope="col" class="text-center" style="width: 130px;">其它</td>
  44. <td scope="col" class="text-center" style="width: 130px;">土渣</td>
  45. <td scope="col" class="text-center" style="width: 130px;">粉渣</td>
  46. <td scope="col" class="text-center" style="width: 130px;">登伤</td>
  47. <td scope="col" class="text-center" style="width: 130px;">滚釉</td>
  48. <td scope="col" class="text-center" style="width: 130px;">薄釉</td>
  49. <td scope="col" class="text-center" style="width: 130px;">补釉</td>
  50. <td scope="col" class="text-center" style="width: 130px;">其它</td>
  51. <td scope="col" class="text-center" style="width: 130px;">上水</td>
  52. <td scope="col" class="text-center" style="width: 130px;">规整度</td>
  53. <td scope="col" class="text-center" style="width: 130px;">修坯</td>
  54. <td scope="col" class="text-center" style="width: 130px;">一检撞伤</td>
  55. <td scope="col" class="text-center" style="width: 130px;">锈点</td>
  56. <td scope="col" class="text-center" style="width: 140px;">干补</td>
  57. </tr>
  58. <tr style="height: 47px;">
  59. <td scope="col" class="text-center">数量</td>
  60. <td scope="col" class="text-center" id="sl1"></td>
  61. <td scope="col" class="text-center" id="sl2"></td>
  62. <td scope="col" class="text-center" id="sl3"></td>
  63. <td scope="col" class="text-center" id="sl4"></td>
  64. <td scope="col" class="text-center" id="sl5"></td>
  65. <td scope="col" class="text-center" id="sl6"></td>
  66. <td scope="col" class="text-center" id="sl7"></td>
  67. <td scope="col" class="text-center" id="sl8"></td>
  68. <td scope="col" class="text-center" id="sl9"></td>
  69. <td scope="col" class="text-center" id="sl10"></td>
  70. <td scope="col" class="text-center" id="sl11"></td>
  71. <td scope="col" class="text-center" id="sl12"></td>
  72. <td scope="col" class="text-center" id="sl13"></td>
  73. <td scope="col" class="text-center" id="sl14"></td>
  74. <td scope="col" class="text-center" id="sl15"></td>
  75. <td scope="col" class="text-center" id="sl17"></td>
  76. </tr>
  77. <tr style="height: 47px;">
  78. <td scope="col" class="text-center">缺陷率</td>
  79. <td scope="col" class="text-center" id="qxl1"></td>
  80. <td scope="col" class="text-center" id="qxl2"></td>
  81. <td scope="col" class="text-center" id="qxl3"></td>
  82. <td scope="col" class="text-center" id="qxl4"></td>
  83. <td scope="col" class="text-center" id="qxl5"></td>
  84. <td scope="col" class="text-center" id="qxl6"></td>
  85. <td scope="col" class="text-center" id="qxl7"></td>
  86. <td scope="col" class="text-center" id="qxl8"></td>
  87. <td scope="col" class="text-center" id="qxl9"></td>
  88. <td scope="col" class="text-center" id="qxl10"></td>
  89. <td scope="col" class="text-center" id="qxl11"></td>
  90. <td scope="col" class="text-center" id="qxl12"></td>
  91. <td scope="col" class="text-center" id="qxl13"></td>
  92. <td scope="col" class="text-center" id="qxl14"></td>
  93. <td scope="col" class="text-center" id="qxl15"></td>
  94. <td scope="col" class="text-center" id="qxl17"></td>
  95. </tr>
  96. <tr style="height: 47px;">
  97. <td scope="col" class="text-center">前三部位</td>
  98. <td scope="col" class="text-center" id="qsbw1" style="font-size: 12px;"></td>
  99. <td scope="col" class="text-center" id="qsbw2" style="font-size: 12px;"></td>
  100. <td scope="col" class="text-center" id="qsbw3" style="font-size: 12px;"></td>
  101. <td scope="col" class="text-center" id="qsbw4" style="font-size: 12px;"></td>
  102. <td scope="col" class="text-center" id="qsbw5" style="font-size: 12px;"></td>
  103. <td scope="col" class="text-center" id="qsbw6" style="font-size: 12px;"></td>
  104. <td scope="col" class="text-center" id="qsbw7" style="font-size: 12px;"></td>
  105. <td scope="col" class="text-center" id="qsbw8" style="font-size: 12px;"></td>
  106. <td scope="col" class="text-center" id="qsbw9" style="font-size: 12px;"></td>
  107. <td scope="col" class="text-center" id="qsbw10" style="font-size: 12px;"></td>
  108. <td scope="col" class="text-center" id="qsbw11" style="font-size: 12px;"></td>
  109. <td scope="col" class="text-center" id="qsbw12" style="font-size: 12px;"></td>
  110. <td scope="col" class="text-center" id="qsbw13" style="font-size: 12px;"></td>
  111. <td scope="col" class="text-center" id="qsbw14" style="font-size: 12px;"></td>
  112. <td scope="col" class="text-center" id="qsbw15" style="font-size: 12px;"></td>
  113. <td scope="col" class="text-center" id="qsbw17" style="font-size: 12px;"></td>
  114. </tr>
  115. <tr style="height: 47px;">
  116. <td scope="col" class="text-center">工序不良率</td>
  117. <td scope="col" class="text-center" colspan="3" id="gxbll1"></td>
  118. <td scope="col" class="text-center" colspan="3" id="gxbll2"></td>
  119. <td scope="col" class="text-center" colspan="4" id="gxbll3"></td>
  120. <td scope="col" class="text-center" colspan="2" id="gxbll4"></td>
  121. <td scope="col" class="text-center" colspan="2" id="gxbll5"></td>
  122. <td scope="col" class="text-center" colspan="1" id="gxbll6"></td>
  123. <td scope="col" class="text-center" colspan="1" id="gxbll8"></td>
  124. </tr>
  125. <tr style="height: 47px;">
  126. <td scope="col" class="text-center">工序废品率</td>
  127. <td scope="col" class="text-center" colspan="3" id="gxfpll1"></td>
  128. <td scope="col" class="text-center" colspan="3" id="gxfpll2"></td>
  129. <td scope="col" class="text-center" colspan="4" id="gxfpll3"></td>
  130. <td scope="col" class="text-center" colspan="2" id="gxfpll4"></td>
  131. <td scope="col" class="text-center" colspan="2" id="gxfpll5"></td>
  132. <td scope="col" class="text-center" colspan="1" id="gxfpll6"></td>
  133. <td scope="col" class="text-center" colspan="1" id="gxfpll8"></td>
  134. </tr>
  135. </thead>
  136. <tbody>
  137. </tbody>
  138. </table>
  139. <!--TK1小件本烧、重烧(大件)-->
  140. <label style="font-size: 20px; color: #f8f9fa; padding-left: 30px; padding-top: 5px; font-weight: bolder; ">TK1:小件(本烧)、大件(重烧)</label>
  141. <table id="质量看板2" class="table-hover table-striped" style="font-size: 14px; width: 1866px; margin-left: 27px;">
  142. <thead style="border: 1px solid #38dcff ">
  143. <tr style="height: 43px">
  144. <td scope="col" data-field="工序" class="text-center" style="width: 247px;">工序</td>
  145. <td scope="col" data-field="工序" id="tk10" class="text-center" style="width: 247px;">隐藏式水箱座便器(本烧)</td>
  146. <td scope="col" data-field="工序" id="tk11" class="text-center" style="width: 247px;">小便斗</td>
  147. <td scope="col" data-field="工序" id="tk12" class="text-center" style="width: 247px;">柜盆</td>
  148. <td scope="col" data-field="工序" id="tk13" class="text-center" style="width: 247px;">小便斗(重烧)</td>
  149. <td scope="col" data-field="工序" id="tk14" class="text-center" style="width: 247px;">柜盆(重烧)</td>
  150. <td scope="col" data-field="工序" id="tk15" class="text-center" style="width: 247px;">连体(重烧)</td>
  151. <td scope="col" data-field="工序" id="tk16" class="text-center" style="width: 247px;">智能(重烧)</td>
  152. </tr>
  153. <tr style="height: 42px">
  154. <td scope="col" data-field="工序" class="text-center">数量</td>
  155. <td scope="col" data-field="工序" class="text-center" id="sll0"></td>
  156. <td scope="col" data-field="工序" class="text-center" id="sll1"></td>
  157. <td scope="col" data-field="工序" class="text-center" id="sll2"></td>
  158. <td scope="col" data-field="工序" class="text-center" id="sll3"></td>
  159. <td scope="col" data-field="工序" class="text-center" id="sll4"></td>
  160. <td scope="col" data-field="工序" class="text-center" id="sll5"></td>
  161. <td scope="col" data-field="工序" class="text-center" id="sll6"></td>
  162. </tr>
  163. <tr style="height: 41px">
  164. <td scope="col" data-field="工序" class="text-center">缺陷率</td>
  165. <td scope="col" data-field="工序" class="text-center" id="qxll0"></td>
  166. <td scope="col" data-field="工序" class="text-center" id="qxll1"></td>
  167. <td scope="col" data-field="工序" class="text-center" id="qxll2"></td>
  168. <td scope="col" data-field="工序" class="text-center" id="qxll3"></td>
  169. <td scope="col" data-field="工序" class="text-center" id="qxll4"></td>
  170. <td scope="col" data-field="工序" class="text-center" id="qxll5"></td>
  171. <td scope="col" data-field="工序" class="text-center" id="qxll6"></td>
  172. </tr>
  173. <tr style="height:60px">
  174. <td scope="col" data-field="工序" class="text-center">前六不良</td>
  175. <td scope="col" data-field="工序" class="text-center" id="qxbll0"></td>
  176. <td scope="col" data-field="工序" class="text-center" id="qxbll1"></td>
  177. <td scope="col" data-field="工序" class="text-center" id="qxbll2"></td>
  178. <td scope="col" data-field="工序" class="text-center" id="qxbll3"></td>
  179. <td scope="col" data-field="工序" class="text-center" id="qxbll4"></td>
  180. <td scope="col" data-field="工序" class="text-center" id="qxbll5"></td>
  181. <td scope="col" data-field="工序" class="text-center" id="qxbll6"></td>
  182. </tr>
  183. <tr style="height:43px">
  184. <td scope="col" data-field="工序" class="text-center">合格率</td>
  185. <td scope="col" data-field="工序" class="text-center" colspan="1" id="hgl0"></td>
  186. <td scope="col" data-field="工序" class="text-center" colspan="2" id="hgl1"></td>
  187. <td scope="col" data-field="工序" class="text-center" colspan="2" id="hgl2"></td>
  188. <td scope="col" data-field="工序" class="text-center" colspan="2" id="hgl3"></td>
  189. </tr>
  190. </thead>
  191. <tbody>
  192. </tbody>
  193. </table>
  194. <!--SK1本烧 重烧-->
  195. <label style="font-size: 20px; color: #f8f9fa; padding-left: 30px; padding-top: 5px; font-weight: bolder; ">SK1:本烧/重烧</label>
  196. <table id="质量看板3" class="table-hover table-striped" style="font-size: 14px; width: 1866px; margin-left: 27px;">
  197. <thead style="border: 1px solid #38dcff ">
  198. <tr style="height:47px">
  199. <td scope="col" data-field="工序" class="text-center" style="width: 247px;">工序</td>
  200. <td scope="col" data-field="工序" id="sk11" class="text-center" style="width: 247px;">小便斗</td>
  201. <td scope="col" data-field="工序" id="sk12" class="text-center" style="width: 247px;">柜盆</td>
  202. <td scope="col" data-field="工序" id="sk17" class="text-center" style="width: 247px;">隐藏式水箱座便器(重烧)</td>
  203. <td scope="col" data-field="工序" id="sk13" class="text-center" style="width: 247px;">小便斗(重烧)</td>
  204. <td scope="col" data-field="工序" id="sk14" class="text-center" style="width: 247px;">柜盆(重烧)</td>
  205. <td scope="col" data-field="工序" id="sk15" class="text-center" style="width: 247px;">连体</td>
  206. <td scope="col" data-field="工序" id="sk16" class="text-center" style="width: 247px;">智能</td>
  207. </tr>
  208. <tr style="height:47px">
  209. <td scope="col" data-field="工序" class="text-center">数量</td>
  210. <td scope="col" data-field="工序" class="text-center" id="slll1"></td>
  211. <td scope="col" data-field="工序" class="text-center" id="slll2"></td>
  212. <td scope="col" data-field="工序" class="text-center" id="slll7"></td>
  213. <td scope="col" data-field="工序" class="text-center" id="slll3"></td>
  214. <td scope="col" data-field="工序" class="text-center" id="slll4"></td>
  215. <td scope="col" data-field="工序" class="text-center" id="slll5"></td>
  216. <td scope="col" data-field="工序" class="text-center" id="slll6"></td>
  217. </tr>
  218. <tr style="height:47px">
  219. <td scope="col" data-field="工序" class="text-center">缺陷率</td>
  220. <td scope="col" data-field="工序" class="text-center" id="qxlll1"></td>
  221. <td scope="col" data-field="工序" class="text-center" id="qxlll2"></td>
  222. <td scope="col" data-field="工序" class="text-center" id="qxlll7"></td>
  223. <td scope="col" data-field="工序" class="text-center" id="qxlll3"></td>
  224. <td scope="col" data-field="工序" class="text-center" id="qxlll4"></td>
  225. <td scope="col" data-field="工序" class="text-center" id="qxlll5"></td>
  226. <td scope="col" data-field="工序" class="text-center" id="qxlll6"></td>
  227. </tr>
  228. <tr style="height:47px">
  229. <td scope="col" data-field="工序" class="text-center">前三不良</td>
  230. <td scope="col" data-field="工序" class="text-center" id="qxblll1"></td>
  231. <td scope="col" data-field="工序" class="text-center" id="qxblll2"></td>
  232. <td scope="col" data-field="工序" class="text-center" id="qxblll7"></td>
  233. <td scope="col" data-field="工序" class="text-center" id="qxblll3"></td>
  234. <td scope="col" data-field="工序" class="text-center" id="qxblll4"></td>
  235. <td scope="col" data-field="工序" class="text-center" id="qxblll5"></td>
  236. <td scope="col" data-field="工序" class="text-center" id="qxblll6"></td>
  237. </tr>
  238. <tr style="height:47px">
  239. <td scope="col" data-field="工序" class="text-center">合格率</td>
  240. <td scope="col" data-field="工序" class="text-center" colspan="2" id="hgll1"></td>
  241. <td scope="col" data-field="工序" class="text-center" colspan="1" id="hgll4"></td>
  242. <td scope="col" data-field="工序" class="text-center" colspan="2" id="hgll2"></td>
  243. <td scope="col" data-field="工序" class="text-center" colspan="2" id="hgll3"></td>
  244. </tr>
  245. </thead>
  246. <tbody>
  247. </tbody>
  248. </table>
  249. </div>
  250. <!--版权信息-->
  251. <script src="/Plugins/bootstrap-4.3.1/js/bootstrap.bundle.min.js"></script>
  252. <script src="/Plugins/bootstrap-table/bootstrap-table.min.js"></script>
  253. <script src="/Plugins/bootstrap-table/bootstrap-table-locale-all.min.js"></script>
  254. <script src="/Plugins/sweetalert/sweetalert.min.js"></script>
  255. <script src="/Plugins/chartjs-2.8.0/chart-2.8.min.js"></script>
  256. <script src="/Plugins/chartjs-2.8.0/utils.js"></script>
  257. <script>
  258. //实时缺陷刷新时间
  259. var refreshTime2 = 30000;
  260. var currentTime2 = 0;
  261. var doGetData;
  262. var doGetTime;
  263. $(document).ready(function () {
  264. //首次加载
  265. loadData();
  266. ServerTime();
  267. //定时刷新数据
  268. doGetData = setInterval(function () { loadData(); }, 1000);
  269. doGetData = setInterval(function () { WarnTable(); }, 3000);
  270. //刷新时间
  271. doGetTime = setInterval(function () { loadData(); }, 20000);
  272. doGetTime = setInterval(function () { ServerTime(); }, 60000);
  273. });
  274. //预警值设置颜色
  275. function WarnTable() {
  276. var max = 0.0;//预警最大值
  277. var min = 0.0;//预警最小值
  278. //定义未含数字ID名称
  279. var onename = 'gxbll';
  280. var twoname = 'gxfpll';
  281. var table1 = document.getElementById('质量看板1');//获取table
  282. //循环列数量
  283. for (var i = 1; i < 8; i++) {
  284. var str1 = table1.rows[5].cells[i].innerHTML;//获取指定行列数据
  285. var str2 = table1.rows[6].cells[i].innerHTML;
  286. var first = str1.slice(0, -1);//截取掉最后百分比字符串
  287. var second = str2.slice(0, -1);
  288. var firstname = onename + i;//拼接获得单元格ID
  289. var secondname = twoname + i;
  290. //判断表头 设置预警最大最小值
  291. if (i==1) {
  292. max = 3.5;
  293. min = 3;
  294. }
  295. if (i == 2) {
  296. max = 2;
  297. min = 1.5;
  298. }
  299. if (i == 3) {
  300. max = 1.5;
  301. min = 1.2;
  302. }
  303. if (i == 4) {
  304. max = 1.5;
  305. min = 1;
  306. }
  307. if (i == 5) {
  308. max = 0.8;
  309. min = 0.5;
  310. }
  311. if (i == 6) {
  312. max = 1.2;
  313. min = 0.8;
  314. }
  315. if (i==7) {
  316. max = 0.7;
  317. min = 0.5;
  318. }
  319. //判断不良率数据 是否空值
  320. if (first != null && first != '') {
  321. //判断是否达到预警值
  322. if (first > min && first <= max) {
  323. document.getElementById(firstname).style.color = 'yellow';//设置颜色
  324. } else if (first > max) {
  325. document.getElementById(firstname).style.color = 'red';
  326. } else if (first < min) {
  327. document.getElementById(firstname).style.color = 'white';
  328. }
  329. }
  330. //判断废品率数据 是否空值
  331. if (second != null && second != '') {
  332. if (second > min && second <= max) {
  333. document.getElementById(secondname).style.color = 'yellow';
  334. } else if (second > max) {
  335. document.getElementById(secondname).style.color = 'red';
  336. } else if (second < min) {
  337. document.getElementById(secondname).style.color = 'white';
  338. }
  339. }
  340. }
  341. }
  342. function ServerTime() {
  343. $.get('QualityBulletinBoardDataInfo.ashx?m=fwq', function (data) {
  344. var json = JSON.parse(data);
  345. if (json["success"] == true) {
  346. $('#dqsj').html(json["sj"]);
  347. }
  348. });
  349. }
  350. //取本地时间
  351. function loadLocalTime() {
  352. //获取当前日期
  353. var date_time = new Date();
  354. //定义星期
  355. var week;
  356. //switch判断
  357. switch (date_time.getDay()) {
  358. case 1: week = "星期一"; break;
  359. case 2: week = "星期二"; break;
  360. case 3: week = "星期三"; break;
  361. case 4: week = "星期四"; break;
  362. case 5: week = "星期五"; break;
  363. case 6: week = "星期六"; break;
  364. default: week = "星期天"; break;
  365. }
  366. //年
  367. var year = date_time.getFullYear();
  368. //判断小于10,前面补0
  369. if (year < 10) {
  370. year = "0" + year;
  371. }
  372. //月
  373. var month = date_time.getMonth() + 1;
  374. //判断小于10,前面补0
  375. if (month < 10) {
  376. month = "0" + month;
  377. }
  378. //日
  379. var day = date_time.getDate();
  380. //判断小于10,前面补0
  381. if (day < 10) {
  382. day = "0" + day;
  383. }
  384. //时
  385. var hours = date_time.getHours();
  386. //判断小于10,前面补0
  387. if (hours < 10) {
  388. hours = "0" + hours;
  389. }
  390. //分
  391. var minutes = date_time.getMinutes();
  392. //判断小于10,前面补0
  393. if (minutes < 10) {
  394. minutes = "0" + minutes;
  395. }
  396. //秒
  397. var seconds = date_time.getSeconds();
  398. //判断小于10,前面补0
  399. if (seconds < 10) {
  400. seconds = "0" + seconds;
  401. }
  402. //拼接年月日时分秒
  403. var date_str = year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds + " " + week;
  404. $('#当前时间').html(date_str);
  405. }
  406. function loadData() {
  407. //加载实时缺陷
  408. if (currentTime2 == 0) {
  409. currentTime2 = refreshTime2;
  410. loadTable('#质量看板1', 'QualityBulletinBoardDataInfo.ashx', function (jsonData) {
  411. $('#实时缺陷').bootstrapTable('refreshOptions', { data: jsonData });
  412. });
  413. //ServerTime();
  414. }
  415. else {
  416. $("#实时缺陷加载").html('刷新倒计时(秒):' + currentTime2 / 1000);
  417. currentTime2 = currentTime2 - 1000;
  418. //ServerTime();
  419. }
  420. }
  421. //加载数据到表格控件
  422. function loadTable(id, url, callback) {
  423. $(id + '加载').html('<i class="fa fa-spinner fa-pulse fa-fw"></i>');
  424. //TK1小件本烧、重烧(大件)
  425. $.get(url + '?m=TK1SmallBS', function (data) {
  426. var json = JSON.parse(data);
  427. if (json['success'] == true) {
  428. //$('#sll0').text(json["rows"][0]["隐藏式水箱座便器"]);
  429. //$('#sll1').text(json["rows"][0]["小便斗"]);
  430. //$('#sll2').text(json["rows"][0]["柜盆"]);
  431. //$('#sll3').text(json["rows"][0]["小便斗重烧"]);
  432. //$('#sll4').text(json["rows"][0]["柜盆重烧"]);
  433. //$('#sll5').text(json["rows"][0]["连体"]);
  434. //$('#sll6').text(json["rows"][0]["智能"]);
  435. $('#qxll0').text(json["rows"][0]["隐藏式水箱座便器"]);
  436. $('#qxll1').text(json["rows"][0]["小便斗"]);
  437. $('#qxll2').text(json["rows"][0]["柜盆"]);
  438. $('#qxll3').text(json["rows"][0]["小便斗重烧"]);
  439. $('#qxll4').text(json["rows"][0]["柜盆重烧"]);
  440. $('#qxll5').text(json["rows"][0]["连体"]);
  441. $('#qxll6').text(json["rows"][0]["智能"]);
  442. $('#qxbll0').text(json["rows"][1]["隐藏式水箱座便器"]);
  443. $('#qxbll1').text(json["rows"][1]["小便斗"]);
  444. $('#qxbll2').text(json["rows"][1]["柜盆"]);
  445. $('#qxbll3').text(json["rows"][1]["小便斗重烧"]);
  446. $('#qxbll4').text(json["rows"][1]["柜盆重烧"]);
  447. $('#qxbll5').text(json["rows"][1]["连体"]);
  448. $('#qxbll6').text(json["rows"][1]["智能"]);
  449. $('#hgl0').text(json["rows"][2]["隐藏式水箱座便器"]);
  450. $('#hgl1').text(json["rows"][2]["小便斗"]);
  451. $('#hgl2').text(json["rows"][2]["小便斗重烧"]);
  452. $('#hgl3').text(json["rows"][2]["连体"]);
  453. }
  454. });
  455. //TK1小件本烧、重烧(大件) 数量
  456. $.get(url + '?m=TK1SmallS', function (data) {
  457. var json = JSON.parse(data);
  458. if (json['success'] == true) {
  459. $('#sll0').text(json["rows"][0]["隐藏式水箱座便器"]);
  460. $('#sll1').text(json["rows"][0]["小便斗"]);
  461. $('#sll2').text(json["rows"][0]["柜盆"]);
  462. $('#sll3').text(json["rows"][0]["小便斗重烧"]);
  463. $('#sll4').text(json["rows"][0]["柜盆重烧"]);
  464. $('#sll5').text(json["rows"][0]["连体"]);
  465. $('#sll6').text(json["rows"][0]["智能"]);
  466. }
  467. });
  468. //TK1本烧 合格率
  469. $.get(url + '?m=TK1QualifiedRate', function (data) {
  470. var json = JSON.parse(data);
  471. if (json['success'] == true) {
  472. var date = new Date();
  473. document.getElementById('出窑').innerHTML = json["rows"][0]["出窑数"];
  474. document.getElementById('合格率').innerHTML = ' 合格率:' + json["rows"][0]["合格率"];
  475. document.getElementById('废品率').innerHTML = ' 废品率:' + json["rows"][0]["废品率"];
  476. var str = json["rows"][0]["合格率"];
  477. var str = str.slice(0, -1);
  478. if (str > 90 && str < 91) {
  479. document.getElementById('合格率').style.color = 'yellow'
  480. } else if (str < 90) {
  481. document.getElementById('合格率').style.color = 'red'
  482. } else if (str >= 91) {
  483. document.getElementById('合格率').style.color = 'white'
  484. }
  485. }
  486. });
  487. //TK1本烧
  488. $.get(url + '?m=TK1Big', function (data){
  489. var json = JSON.parse(data);
  490. if (json['success'] == true) {
  491. $('#sl1').text(json["rows"][0]["裂"]);
  492. $('#sl2').text(json["rows"][0]["杂质"]);
  493. $('#sl3').text(json["rows"][0]["成型其它"]);
  494. $('#sl4').text(json["rows"][0]["土渣"]);
  495. $('#sl5').text(json["rows"][0]["粉渣"]);
  496. $('#sl6').text(json["rows"][0]["撞伤"]);
  497. $('#sl7').text(json["rows"][0]["滚釉"]);
  498. $('#sl8').text(json["rows"][0]["薄釉"]);
  499. $('#sl9').text(json["rows"][0]["补釉"]);
  500. $('#sl10').text(json["rows"][0]["施釉其它"]);
  501. $('#sl11').text(json["rows"][0]["上水"]);
  502. $('#sl12').text(json["rows"][0]["吹风"]);
  503. $('#sl13').text(json["rows"][0]["修坯"]);
  504. $('#sl14').text(json["rows"][0]["一检撞伤"]);
  505. $('#sl15').text(json["rows"][0]["锈点"]);
  506. $('#sl17').text(json["rows"][0]["干补"]);
  507. $('#qxl1').text(json["rows"][1]["裂"]);
  508. $('#qxl2').text(json["rows"][1]["杂质"]);
  509. $('#qxl3').text(json["rows"][1]["成型其它"]);
  510. $('#qxl4').text(json["rows"][1]["土渣"]);
  511. $('#qxl5').text(json["rows"][1]["粉渣"]);
  512. $('#qxl6').text(json["rows"][1]["撞伤"]);
  513. $('#qxl7').text(json["rows"][1]["滚釉"]);
  514. $('#qxl8').text(json["rows"][1]["薄釉"]);
  515. $('#qxl9').text(json["rows"][1]["补釉"]);
  516. $('#qxl10').text(json["rows"][1]["施釉其它"]);
  517. $('#qxl11').text(json["rows"][1]["上水"]);
  518. $('#qxl12').text(json["rows"][1]["吹风"]);
  519. $('#qxl13').text(json["rows"][1]["修坯"]);
  520. $('#qxl14').text(json["rows"][1]["一检撞伤"])
  521. $('#qxl15').text(json["rows"][1]["锈点"]);
  522. $('#qxl17').text(json["rows"][1]["干补"]);
  523. $('#qsbw1').text(json["rows"][2]["裂"]);
  524. $('#qsbw2').text(json["rows"][2]["杂质"]);
  525. $('#qsbw3').text(json["rows"][2]["成型其它"]);
  526. $('#qsbw4').text(json["rows"][2]["土渣"]);
  527. $('#qsbw5').text(json["rows"][2]["粉渣"]);
  528. $('#qsbw6').text(json["rows"][2]["撞伤"]);
  529. $('#qsbw7').text(json["rows"][2]["滚釉"]);
  530. $('#qsbw8').text(json["rows"][2]["薄釉"]);
  531. $('#qsbw9').text(json["rows"][2]["补釉"]);
  532. $('#qsbw10').text(json["rows"][2]["施釉其它"]);
  533. $('#qsbw11').text(json["rows"][2]["上水"]);
  534. $('#qsbw12').text(json["rows"][2]["吹风"]);
  535. $('#qsbw13').text(json["rows"][2]["修坯"]);
  536. $('#qsbw14').text(json["rows"][2]["一检撞伤"]);
  537. $('#qsbw15').text(json["rows"][2]["锈点"]);
  538. $('#qsbw17').text(json["rows"][2]["干补"]);
  539. $('#gxbll1').text(json["rows"][3]["裂"]);
  540. $('#gxbll2').text(json["rows"][3]["土渣"]);
  541. $('#gxbll3').text(json["rows"][3]["滚釉"]);
  542. $('#gxbll4').text(json["rows"][3]["上水"]);
  543. $('#gxbll5').text(json["rows"][3]["修坯"]);
  544. $('#gxbll6').text(json["rows"][3]["锈点"]);
  545. $('#gxbll8').text(json["rows"][3]["干补"]);
  546. $('#gxfpll1').text(json["rows"][4]["裂"]);
  547. $('#gxfpll2').text(json["rows"][4]["土渣"]);
  548. $('#gxfpll3').text(json["rows"][4]["滚釉"]);
  549. $('#gxfpll4').text(json["rows"][4]["上水"]);
  550. $('#gxfpll5').text(json["rows"][4]["修坯"]);
  551. $('#gxfpll6').text(json["rows"][4]["锈点"]);
  552. $('#gxfpll8').text(json["rows"][4]["干补"]);
  553. }
  554. });
  555. //SK1本烧 重烧
  556. $.get(url + '?m=SK1', function (data) {
  557. var json = JSON.parse(data);
  558. if (json['success'] == true) {
  559. $('#slll1').text(json["rows"][0]["小便斗"]);
  560. $('#slll2').text(json["rows"][0]["柜盆"]);
  561. $('#slll7').text(json["rows"][0]["隐藏式水箱座便器重烧"]);
  562. $('#slll3').text(json["rows"][0]["小便斗重烧"]);
  563. $('#slll4').text(json["rows"][0]["柜盆重烧"]);
  564. $('#slll5').text(json["rows"][0]["连体"]);
  565. $('#slll6').text(json["rows"][0]["智能"]);
  566. $('#qxlll1').text(json["rows"][1]["小便斗"]);
  567. $('#qxlll2').text(json["rows"][1]["柜盆"]);
  568. $('#qxlll7').text(json["rows"][1]["隐藏式水箱座便器重烧"]);
  569. $('#qxlll3').text(json["rows"][1]["小便斗重烧"]);
  570. $('#qxlll4').text(json["rows"][1]["柜盆重烧"]);
  571. $('#qxlll5').text(json["rows"][1]["连体"]);
  572. $('#qxlll6').text(json["rows"][1]["智能"]);
  573. $('#qxblll1').text(json["rows"][2]["小便斗"]);
  574. $('#qxblll2').text(json["rows"][2]["柜盆"]);
  575. $('#qxblll7').text(json["rows"][2]["隐藏式水箱座便器重烧"]);
  576. $('#qxblll3').text(json["rows"][2]["小便斗重烧"]);
  577. $('#qxblll4').text(json["rows"][2]["柜盆重烧"]);
  578. $('#qxblll5').text(json["rows"][2]["连体"]);
  579. $('#qxblll6').text(json["rows"][2]["智能"]);
  580. $('#hgll1').text(json["rows"][3]["小便斗"]);
  581. $('#hgll4').text(json["rows"][3]["隐藏式水箱座便器重烧"]);
  582. $('#hgll2').text(json["rows"][3]["小便斗重烧"]);
  583. $('#hgll3').text(json["rows"][3]["连体"]);
  584. }
  585. });
  586. //TK1本烧小件表格标题数量
  587. $.get(url + '?m=TK1smallTableTitle', function (data) {
  588. var json = JSON.parse(data);
  589. if (json['success'] == true) {
  590. document.getElementById('tk10').innerHTML = "隐藏式水箱座便器(本烧)(" + json["rows"][0]["隐藏式水箱座便器数量"] + ")";
  591. document.getElementById('tk11').innerHTML = "小便斗(本烧)(" + json["rows"][0]["成检小便斗数量"] + ")";
  592. document.getElementById('tk12').innerHTML = "柜盆(本烧)(" + json["rows"][0]["成检柜盆数量"] + ")";
  593. document.getElementById('tk13').innerHTML = "小便斗(重烧)(" + json["rows"][0]["成检小便斗重烧数量"] + ")";
  594. document.getElementById('tk14').innerHTML = "柜盆(重烧)(" + json["rows"][0]["成检柜盆重烧数量"] + ")";
  595. document.getElementById('tk15').innerHTML = "连体(重烧)(" + json["rows"][0]["成检连体重烧数量"] + ")";
  596. document.getElementById('tk16').innerHTML = "智能(重烧)(" + json["rows"][0]["成检智能重烧数量"] + ")";
  597. document.getElementById('sk11').innerHTML = "小便斗(本烧)(" + json["rows"][0]["S成检小便斗数量"] + ")";
  598. document.getElementById('sk12').innerHTML = "柜盆(本烧)(" + json["rows"][0]["S成检柜盆数量"] + ")";
  599. document.getElementById('sk17').innerHTML = "隐藏式水箱座便器(重烧)(" + json["rows"][0]["S成检隐藏式水箱座便器重烧数量"] + ")";
  600. document.getElementById('sk13').innerHTML = "小便斗(重烧)(" + json["rows"][0]["S成检小便斗重烧数量"] + ")";
  601. document.getElementById('sk14').innerHTML = "柜盆(重烧)(" + json["rows"][0]["S成检柜盆重烧数量"] + ")";
  602. document.getElementById('sk15').innerHTML = "连体(重烧)(" + json["rows"][0]["S成检连体数量"] + ")";
  603. document.getElementById('sk16').innerHTML = "智能(重烧)(" + json["rows"][0]["S成检智能数量"] + ")";
  604. }
  605. });
  606. }
  607. </script>
  608. <style>
  609. table {
  610. height: 40px;
  611. color: #f8f9fa !important;
  612. font-size: 20px;
  613. font-weight: 700;
  614. background: rgba(25, 52, 90,.5);
  615. border: 1px solid #38dcff;
  616. margin-bottom: 1rem;
  617. }
  618. td {
  619. padding: 2px !important;
  620. text-align: center !important;
  621. border-bottom: 1px solid #38dcff !important;
  622. border-right: 1px dashed #38dcff !important;
  623. border: white;
  624. }
  625. /* element.style {
  626. margin-top: -10px;
  627. font-size: 23px;
  628. color: #adb5bd;
  629. font-weight: bolder;
  630. margin-right: 30px;
  631. float: right;
  632. margin-top: 20px;
  633. }*/
  634. </style>
  635. </body>
  636. </html>