HJManager.cshtml 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  1. @using WMS.BZWeb;
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4. <head>
  5. <meta name=”renderer” content=”webkit|ie-comp|ie-stand” />
  6. <meta name="viewport" content="width=device-width" />
  7. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  8. <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge">
  9. <meta name="renderer" content="webkit">
  10. <meta name="viewport" content="width=device-width, initial-scale=1" />
  11. <meta name="keywords" content="wms" />
  12. <meta name="description" content="wms" />
  13. <link rel="icon" href="~/favicon.ico">
  14. <title>中天</title>
  15. <link href="~/Content/pace/pace-theme-minimal.css" rel="stylesheet" />
  16. <link href="~/Content/font/css/font-awesome.min.css" rel="stylesheet" />
  17. <link href="~/Content/bootstrap/bootstrap.min.css" rel="stylesheet" />
  18. <link href="~/Content/jquery/plugin/scrollbar/jquery.mCustomScrollbar.min.css" rel="stylesheet" />
  19. @Html.AppendCssFile(
  20. "/wwwroot/Content/wms/style/wms-common.css",
  21. "/Views/Home/HJManager/HJManager.css")
  22. </head>
  23. <body>
  24. <style type="text/css">
  25. .portal-panel-title {
  26. font-size: 16px;
  27. font-family: Microsoft YaHei;
  28. font-weight: bold;
  29. color: #333333;
  30. }
  31. </style>
  32. <div class="lr-desktop-panel">
  33. @* <div class="col-xs-12">
  34. <div class="portal-panel-title">
  35. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;统计指标
  36. </div>
  37. <div class="portal-panel-content">
  38. <div class="lr-item-20">
  39. <div class="task-stat">
  40. <img src="~/Content/images/matinfo.png" style="width:309px;height:110px" />
  41. <!-- <div class="visual">
  42. <i class="fa fa-pie-chart"></i>
  43. </div> -->
  44. <div class="details">
  45. <div id="matNum" class="number">
  46. 0
  47. </div>
  48. <div class="desc">
  49. 物料信息(缺失)
  50. </div>
  51. </div>
  52. <a id="mat" class="more" style="background-color: #4884b8;padding-left:20px;">
  53. 查看更多 <i class="fa fa-arrow-circle-right"></i>
  54. </a>
  55. </div>
  56. </div>
  57. <div class="lr-item-20">
  58. <div class="task-stat">
  59. <img src="~/Content/images/Qualityinfo.png" style="width:309px;height:110px" />
  60. <!-- <div class="visual">
  61. <i class="fa fa-bar-chart-o"></i>
  62. </div> -->
  63. <div class="details">
  64. <div id="matIQC" class="number">
  65. 0
  66. </div>
  67. <div class="desc">
  68. 质检信息(缺失)
  69. </div>
  70. </div>
  71. <a id="matiqc" class="more" style="background-color: #e04a49;padding-left:20px;">
  72. 查看更多 <i class="fa fa-arrow-circle-right"></i>
  73. </a>
  74. </div>
  75. </div>
  76. <div class="lr-item-20">
  77. <div class="task-stat">
  78. <img src="~/Content/images/doc.png" style="width:309px;height:110px" />
  79. <!-- <div class="visual">
  80. <i class="fa fa-windows"></i>
  81. </div> -->
  82. <div class="details">
  83. <div id="orderview" class="number">
  84. 0
  85. </div>
  86. <div class="desc">
  87. 单据信息(未开始/进行中)
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="lr-item-20">
  93. <div class="task-stat">
  94. <img src="~/Content/images/taskinfo.png" style="width:309px;height:110px" />
  95. <!-- <div class="visual">
  96. <i class="fa fa-globe"></i>
  97. </div> -->
  98. <div class="details">
  99. <div id="taskview" class="number">
  100. 0
  101. </div>
  102. <div class="desc">
  103. 任务信息(已锁/未锁)
  104. </div>
  105. </div>
  106. <a id="taskclick" class="more" style="background-color:#6D5C8B;padding-left:20px;">
  107. 查看更多 <i class="fa fa-arrow-circle-right"></i>
  108. </a>
  109. </div>
  110. </div>
  111. </div>
  112. </div> *@
  113. <div class="col-xs-12">
  114. <div class="col-xs-3">
  115. <div class="portal-panel-title" style="width:98%;">
  116. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;今日出入库统计
  117. </div>
  118. <div class="portal-panel-content">
  119. <div class="lr-item-20" style="width:98%;">
  120. <div class="taskitem" style="margin-top:20px;">
  121. <div class="details" style="left:10px;">
  122. <div class="desc">
  123. <i class="fa fa-circle" style="color:#40A0FF;"></i> 出库任务
  124. </div>
  125. <div id="outtoday" class="number">
  126. 10
  127. </div>
  128. <div class="desc">
  129. <i class="fa fa-circle" style="color:#F7CA4D;"></i> 入库任务
  130. </div>
  131. <div id="intoday" class="number">
  132. 0
  133. </div>
  134. <div class="desc">
  135. <i class="fa fa-circle" style="color:#23B89A;"></i> 移库任务
  136. </div>
  137. <div id="movetoday" class="number">
  138. 0
  139. </div>
  140. </div>
  141. <div class="visual">
  142. <div id="todayinoutpie" style="width:218px;height:180px;left:30px;top:-25px; ">
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="col-xs-6">
  150. <div class="portal-panel-title" style="width:98%;">
  151. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;近七天任务动态
  152. </div>
  153. <div class="portal-panel-content">
  154. <div class="lr-item-20" style="width:98%;">
  155. <div class="taskitem" id="sevendaysTask" style="height:240px;left:-30px;top:5px;">
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="col-xs-3">
  161. <div class="portal-panel-title" style="width:98%;">
  162. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;仓库货位使用情况
  163. </div>
  164. <div class="portal-panel-content">
  165. <div class="lr-item-20" style="width:98%;">
  166. <div class="taskitem" id="WarehouseCell" style="width:388px;height:230px;left:-70px;top:5px; ">
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="col-xs-12">
  173. <div class="col-xs-3">
  174. <div class="portal-panel-title" style="width:98%;">
  175. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;巷道货位分配情况
  176. </div>
  177. <div class="portal-panel-content">
  178. <div class="lr-item-20" style="width:98%;">
  179. <div class="taskitem" id="TunnelWarehouseCell" style="width:398px;height:180px;left:-90px;right:-50px; top:-20px; ">
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. <div class="col-xs-6">
  185. <div class="portal-panel-title" style="width:98%;">
  186. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;24小时内任务动态
  187. </div>
  188. <div class="portal-panel-content">
  189. <div class="lr-item-20" style="width:98%;">
  190. <div class="taskitem" id="todaysHourTask" style="height:275px;left:-30px;top:-35px;">
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. <div class="col-xs-3">
  196. <div class="portal-panel-title" style="width:98%;">
  197. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;物料分类占比
  198. </div>
  199. <div class="portal-panel-content">
  200. <div class="lr-item-20" style="width:98%;">
  201. <div class="taskitem" id="BomType" style="position:absolute; z-index:100;width:438px;height:260px;margin-left:365px;right:-30px;top:25px; ">
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. @* <div class="col-xs-12" style="height:350px;overflow:hidden;margin-top:-30px;">
  208. <div class="col-xs-6">
  209. <div class="portal-panel-title" style="width:98%;">
  210. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;待办单据
  211. </div>
  212. <div style='position:relative;width:100%;
  213. background-color: deepskyblue;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;'>
  214. <label class="portal-panel-lable">单据类型</label>
  215. <label class="portal-panel-lable">未开始数量</label>
  216. <label class="portal-panel-lable">进行中数量</label>
  217. <label class="portal-panel-lable">总计数量</label>
  218. </div>
  219. <div id="orderlst" class="portal-panel-content" style="height:240px;overflow: auto;">
  220. <!-- <div style='position:relative;width:100%;'>
  221. <label class='portal-panel-content-a'>1测试测试</label>
  222. <label class='portal-panel-content-lable'>2测试测试</label>
  223. <label class='portal-panel-content-lable'>3测试测试</label>
  224. <label class='portal-panel-content-lable'>4测试测试</label>
  225. </div>-->
  226. </div>
  227. </div>
  228. <div class="col-xs-6">
  229. <div class="portal-panel-title" style="width:98%;">
  230. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;任务执行情况
  231. </div>
  232. <div style='position:relative;width:100%;
  233. background-color: deepskyblue;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;'>
  234. <label class="portal-panel-lable">物料号</label>
  235. <label class="portal-panel-lable">托盘号</label>
  236. <label class="portal-panel-lable">任务类型</label>
  237. <label class="portal-panel-lable">任务状态</label>
  238. </div>
  239. <div id="orderlst" class="portal-panel-content" style="height:240px;overflow: auto;">
  240. <!-- <div style='position:relative;width:100%;'>
  241. <label class='portal-panel-content-a'>1测试测试</label>
  242. <label class='portal-panel-content-lable'>2测试测试</label>
  243. <label class='portal-panel-content-lable'>3测试测试</label>
  244. <label class='portal-panel-content-lable'>4测试测试</label>
  245. </div> -->
  246. </div>
  247. </div>
  248. </div>
  249. <div class="col-xs-12" style="height:350px;overflow:hidden;margin-top:-30px;">
  250. <div class="col-xs-6">
  251. <div class="portal-panel-title" style="width:98%;">
  252. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;设备运行状态
  253. </div>
  254. <div style='position:relative;width:100%;
  255. background-color: deepskyblue;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;'>
  256. <label class="portal-panel-lable2">设备编号</label>
  257. <label class="portal-panel-lable2">设备类型</label>
  258. <label class="portal-panel-lable2">托盘号</label>
  259. <label class="portal-panel-lable2">设备状态</label>
  260. <label class="portal-panel-lable2">故障信息</label>
  261. </div>
  262. <div id="orderlst" class="portal-panel-content" style="height:240px;overflow: auto;">
  263. <div style='position:relative;width:100%;'>
  264. <!-- <label class='portal-panel-content-a2'>1测试测试</label>
  265. <label class='portal-panel-content-lable2'>2测试测试</label>
  266. <label class='portal-panel-content-lable2'>3测试测试</label>
  267. <label class='portal-panel-content-lable2'>4测试测试</label>
  268. <label class='portal-panel-content-lable2'>5测试测试</label>-->
  269. </div>
  270. </div>
  271. </div>
  272. <div class="col-xs-6">
  273. <div class="portal-panel-title" style="width:98%;">
  274. <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;主要设备
  275. </div>
  276. <div style='position:relative;width:100%;
  277. background-color: deepskyblue;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:3px;border-top-right-radius:3px;'>
  278. <label class="portal-panel-lable2">设备名称</label>
  279. <label class="portal-panel-lable2">运行时间</label>
  280. <label class="portal-panel-lable2">休眠时间</label>
  281. <label class="portal-panel-lable2">故障时间</label>
  282. <label class="portal-panel-lable2">稼动率</label>
  283. </div>
  284. <div id="orderlst" class="portal-panel-content" style="height:240px;overflow: auto;">
  285. <!--<div style='position:relative;width:100%;'>
  286. <label class='portal-panel-content-a2'>1测试测试</label>
  287. <label class='portal-panel-content-lable2'>2测试测试</label>
  288. <label class='portal-panel-content-lable2'>3测试测试</label>
  289. <label class='portal-panel-content-lable2'>4测试测试</label>
  290. <label class='portal-panel-content-lable2'>5测试测试</label>
  291. </div>-->
  292. </div>
  293. </div>
  294. </div> *@
  295. </div>
  296. <script src="~/Content/pace/pace.min.js"></script>
  297. <script src="~/Content/jquery/jquery-1.10.2.min.js"></script>
  298. <script src="~/Content/jquery/plugin/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
  299. <script src="~/Content/echarts/echarts.min.js"></script>
  300. <script type="text/javascript">
  301. var Tenant = '@ViewBag.Tenant';
  302. </script>
  303. @Html.AppendJsFile("/Views/Home/HJManager/HJManager.js")
  304. </body>
  305. </html>