home.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>首页</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  9. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  10. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  11. </head>
  12. <body>
  13. <div class="layui-fluid">
  14. <div class="layui-row layui-col-space15">
  15. <div class="layui-col-md12">
  16. <div class="layui-row layui-col-space15">
  17. <div class="layui-col-md8">
  18. <div class="layui-card" style="height: 510px;">
  19. <div class="layui-card-header">快捷方式</div>
  20. <div class="layui-card-body">
  21. <div class="layui-carousel layadmin-carousel layadmin-shortcut">
  22. <div carousel-item>
  23. <ul class="layui-row layui-col-space10">
  24. <li class="shortcut layui-col-md2" data-permission="office.view_notice">
  25. <a lay-href="notice/notice.html">
  26. <i class="layui-icon layui-icon-notice"></i>
  27. <cite>公告管理</cite>
  28. </a>
  29. </li>
  30. <li class="shortcut layui-col-md2" data-permission="plan.view_sale_plan">
  31. <a lay-href="plan/sale.html">
  32. <i class="layui-icon layui-icon-release"></i>
  33. <cite>销售计划</cite>
  34. </a>
  35. </li>
  36. <li class="shortcut layui-col-md2" data-permission="plan.view_production_plan">
  37. <a lay-href="plan/production.html">
  38. <i class="layui-icon layui-icon-util"></i>
  39. <cite>生产计划</cite>
  40. </a>
  41. </li>
  42. <li class="shortcut layui-col-md2" data-permission="purchase.view_purchase_plan">
  43. <a lay-href="purchase/purchase.html">
  44. <i class="layui-icon layui-icon-cart-simple"></i>
  45. <cite>采购计划</cite>
  46. </a>
  47. </li>
  48. <li class="shortcut layui-col-md2" data-permission="order.view_sale_order">
  49. <a lay-href="order/sale_order.html">
  50. <i class="layui-icon layui-icon-component"></i>
  51. <cite>销售订单</cite>
  52. </a>
  53. </li>
  54. </ul>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="layui-col-md4">
  61. <div class="layui-card" style="height: 510px;">
  62. <div class="layui-card-header">待处理</div>
  63. <div class="layui-card-body">
  64. <div class="layui-carousel layadmin-carousel layadmin-backlog">
  65. <div carousel-item style="overflow: auto; height: 450px;">
  66. <ul id="layui-nav-child">
  67. <li class="layui-col-xs4" data-permission="plan.check_sale_plan">
  68. <a href="javascript:;" class="layadmin-backlog-body">
  69. <h3.8>未读公告</h3.8>
  70. <br>
  71. <p><cite id="notice_unread"></cite></p>
  72. </a>
  73. </li>
  74. <li class="layui-col-xs4" data-permission="plan.check_sale_plan">
  75. <a href="javascript:;" class="layadmin-backlog-body">
  76. <h3.8>销售计划</h3.8>
  77. <br>
  78. <p><cite id="sale_plan_count"></cite></p>
  79. </a>
  80. </li>
  81. <li class="layui-col-xs4" data-permission="order.check_sale_order">
  82. <a href="javascript:;" class="layadmin-backlog-body">
  83. <h3.8>销售订单</h3.8>
  84. <br>
  85. <p><cite id="sale_order_count"></cite></p>
  86. </a>
  87. </li>
  88. <li class="layui-col-xs4" data-permission="plan.check_production_plan">
  89. <a href="javascript:;" class="layadmin-backlog-body">
  90. <h3.8>生产计划</h3.8>
  91. <br>
  92. <p><cite id="production_count"></cite></p>
  93. </a>
  94. </li>
  95. <li class="layui-col-xs4" data-permission="purchase.check_purchase_plan">
  96. <a href="javascript:;" class="layadmin-backlog-body">
  97. <h3.8>采购计划</h3.8>
  98. <br>
  99. <p><cite id="purchase_count"></cite></p>
  100. </a>
  101. </li>
  102. <li class="layui-col-xs4" data-permission="purchase.check_purchase_order">
  103. <a href="javascript:;" class="layadmin-backlog-body">
  104. <h3.8>合同管理</h3.8>
  105. <br>
  106. <p><cite id="purchase_order_count"></cite></p>
  107. </a>
  108. </li>
  109. <li class="layui-col-xs4" data-permission="purchase.check_material_godown_entry">
  110. <a href="javascript:;" class="layadmin-backlog-body">
  111. <h3.8>原料入库</h3.8>
  112. <br>
  113. <p><cite id="material_godownentry_count"></cite></p>
  114. </a>
  115. </li>
  116. <li class="layui-col-xs4" data-permission="material.check_material_deliver">
  117. <a href="javascript:;" class="layadmin-backlog-body">
  118. <h3.8>原料出库</h3.8>
  119. <br>
  120. <p><cite id="material_deliver_count"></cite></p>
  121. </a>
  122. </li>
  123. <li class="layui-col-xs4" data-permission="purchase.check_material_godown_entry_return">
  124. <a href="javascript:;" class="layadmin-backlog-body">
  125. <h3.8>原料退货</h3.8>
  126. <br>
  127. <p><cite id="material_godownentry_return_count"></cite></p>
  128. </a>
  129. </li>
  130. <li class="layui-col-xs4" data-permission="warehouse.check_material_inventory">
  131. <a href="javascript:;" class="layadmin-backlog-body">
  132. <h3.8>原料盘存</h3.8>
  133. <br>
  134. <p><cite id="material_inventory_count"></cite></p>
  135. </a>
  136. </li>
  137. <li class="layui-col-xs4" data-permission="purchase.check_consumable_godown_entry">
  138. <a href="javascript:;" class="layadmin-backlog-body">
  139. <h3.8>耗材入库</h3.8>
  140. <br>
  141. <p><cite id="consumable_godownentry_count"></cite></p>
  142. </a>
  143. </li>
  144. <li class="layui-col-xs4" data-permission="material.check_consumable_deliver">
  145. <a href="javascript:;" class="layadmin-backlog-body">
  146. <h3.8>耗材出库</h3.8>
  147. <br>
  148. <p><cite id="consumable_deliver_count"></cite></p>
  149. </a>
  150. </li>
  151. <li class="layui-col-xs4" data-permission="purchase.check_consumable_godown_entry_return">
  152. <a href="javascript:;" class="layadmin-backlog-body">
  153. <h3.8>耗材退货</h3.8>
  154. <br>
  155. <p><cite id="consumable_godownentry_return_count"></cite></p>
  156. </a>
  157. </li>
  158. <li class="layui-col-xs4" data-permission="warehouse.check_consumable_inventory">
  159. <a href="javascript:;" class="layadmin-backlog-body">
  160. <h3.8>耗材盘存</h3.8>
  161. <br>
  162. <p><cite id="consumable_inventory_count"></cite></p>
  163. </a>
  164. </li>
  165. <li class="layui-col-xs4" data-permission="goods.check_goods_godown_entry">
  166. <a href="javascript:;" class="layadmin-backlog-body">
  167. <h3.8>成品入库</h3.8>
  168. <br>
  169. <p><cite id="goods_godownentry_count"></cite></p>
  170. </a>
  171. </li>
  172. <li class="layui-col-xs4" data-permission="order.check_goods_deliver">
  173. <a href="javascript:;" class="layadmin-backlog-body">
  174. <h3.8>成品出库</h3.8>
  175. <br>
  176. <p><cite id="goods_deliver_count"></cite></p>
  177. </a>
  178. </li>
  179. <li class="layui-col-xs4" data-permission="goods.check_goods_inventory">
  180. <a href="javascript:;" class="layadmin-backlog-body">
  181. <h3.8>成品盘存</h3.8>
  182. <br>
  183. <p><cite id="goods_inventory_count"></cite></p>
  184. </a>
  185. </li>
  186. </ul>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <script src="../../layuiadmin/layui/layui.js?t=1"></script>
  197. <script>
  198. layui.config({
  199. base: '../../layuiadmin/' //静态资源所在路径
  200. }).extend({
  201. index: 'lib/index' //主入口模块
  202. }).use(['index', 'home'], function() {
  203. var $ = layui.$;
  204. var admin = layui.admin;
  205. var permissions = layui.data(layui.setter.tableName)['permissions'];
  206. $('.shortcut').each(function () {
  207. var perm = $(this).data("permission");
  208. //console.log(perm, permissions.indexOf(perm))
  209. if(permissions.indexOf(perm) == -1){
  210. $(this).remove();
  211. }
  212. });
  213. admin.req({
  214. url: '/account/count/'
  215. , done: function (res) {
  216. $('#notice_unread').html(res.data.notice_unread);
  217. $('#sale_plan_count').html(res.data.sale_plan_count);
  218. $('#sale_order_count').html(res.data.sale_order_count);
  219. $('#production_count').html(res.data.production_count);
  220. $('#purchase_count').html(res.data.purchase_count);
  221. $('#purchase_order_count').html(res.data.purchase_order_count);
  222. $('#material_godownentry_count').html(res.data.material_godownentry_count);
  223. $('#material_deliver_count').html(res.data.material_deliver_count);
  224. $('#material_godownentry_return_count').html(res.data.material_godownentry_return_count);
  225. $('#material_inventory_count').html(res.data.material_inventory_count);
  226. $('#consumable_godownentry_count').html(res.data.consumable_godownentry_count);
  227. $('#consumable_deliver_count').html(res.data.consumable_deliver_count);
  228. $('#consumable_godownentry_return_count').html(res.data.consumable_godownentry_return_count);
  229. $('#consumable_inventory_count').html(res.data.consumable_inventory_count);
  230. $('#goods_godownentry_count').html(res.data.goods_godownentry_count);
  231. $('#goods_deliver_count').html(res.data.goods_deliver_count);
  232. $('#goods_inventory_count').html(res.data.goods_inventory_count);
  233. }
  234. });
  235. var permissions = layui.data(layui.setter.tableName)['permissions'];
  236. $('#layui-nav-child li').each(function () {
  237. var perm = $(this).data("permission");
  238. if(permissions.indexOf(perm) == -1){
  239. $(this).remove();
  240. }
  241. });
  242. });
  243. </script>
  244. </body>
  245. </html>