home-index.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>BOSSHAND</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="css/common/mui.min.css" />
  10. <link rel="stylesheet" href="css/common/common.css">
  11. <link rel="stylesheet" type="text/css" href="css/index/index-menu/home-index.css" />
  12. </head>
  13. <body>
  14. <div class="mui-content">
  15. <!--公告通知-->
  16. <div class="tabs">
  17. <span>公告通知</span>
  18. <!--<a>查看更多</a>-->
  19. </div>
  20. <!--公告通知消息栏-->
  21. <div>
  22. <ul class="mui-table-view">
  23. <li class="mui-table-view-cell mui-media">
  24. <a id="tpl/home-index/home-index-notice/notices.html" onclick="hrefTo(this.id);">
  25. <img class="mui-media-object mui-pull-left sm-mui" src="img/home-index/notice_icon_home@3x.png">
  26. <div class="mui-media-body">
  27. 公告通知
  28. <p class='mui-ellipsis notice sm-word'>BOSSHAND</p>
  29. </div>
  30. </a>
  31. </li>
  32. <li class="mui-table-view-cell mui-media ca_parents">
  33. <a id="tpl/home-index/home-index-notice/notify.html" onclick="hrefTo(this.id);">
  34. <img class="mui-media-object mui-pull-left sm-mui" src="img/home-index/message_icon_home@3x.png">
  35. <span class="ca_circle" id="notify"></span>
  36. <div class="mui-media-body">
  37. 消息通知
  38. <p class='mui-ellipsis notify sm-word'></p>
  39. </div>
  40. </a>
  41. </li>
  42. <li class="mui-table-view-cell mui-media">
  43. <a id="tpl/home-index/home-index-notice/task.html" onclick="hrefTo(this.id);">
  44. <img class="mui-media-object mui-pull-left sm-mui" src="img/home-index/task_icon_home@3x.png">
  45. <span class="ca_circle" id="task"></span>
  46. <div class="mui-media-body">
  47. 任务通知
  48. <p class='mui-ellipsis task sm-word'></p>
  49. </div>
  50. </a>
  51. </li>
  52. </ul>
  53. </div>
  54. <!--菜单栏-->
  55. <div class="menu">
  56. <ul class="clearfloat">
  57. <li id="tpl/home-index/home-index-menu/admin.html" onclick="hrefTo(this.id);">
  58. <span class="sm-logo"><img src="img/home-index/administration_icon_home@3x.png"/></span>
  59. <span>行政</span>
  60. </li>
  61. <li id="tpl/home-index/home-index-menu/approve.html" onclick="hrefTo(this.id);">
  62. <span class="sm-logo"><img src="img/home-index/approval_icon_home@3x.png"/></span>
  63. <span>审批</span>
  64. </li>
  65. <li id="tpl/home-index/home-index-menu/schedule.html" onclick="hrefTo(this.id);">
  66. <span class="sm-logo"><img src="img/home-index/dateplan_icon_home@3x.png"/></span>
  67. <span>日程</span>
  68. </li>
  69. <li id="tpl/home-index/home-index-menu/business.html" onclick="hrefTo(this.id);">
  70. <span class="sm-logo"><img src="img/home-index/contract_icon_home@3x.png"/></span>
  71. <span>合同</span>
  72. </li>
  73. <li id="tpl/home-index/home-index-menu/finances.html" onclick="hrefTo(this.id);">
  74. <span class="sm-logo"><img src="img/home-index/finance_icon_home@3x.png"/></span>
  75. <span>财务</span>
  76. </li>
  77. <li id="tpl/home-index/home-index-menu/client.html" onclick="hrefTo(this.id);">
  78. <span class="sm-logo"><img src="img/home-index/customer_icon_home@3x.png"/></span>
  79. <span>客户</span>
  80. </li>
  81. <li id="tpl/home-index/home-index-menu/produce.html" onclick="hrefTo(this.id);">
  82. <span class="sm-logo"><img src="img/home-index/product_icon_home@3x.png"/></span>
  83. <span>产品</span>
  84. </li>
  85. <li id="tpl/home-index/home-index-menu/procurement.html" onclick="hrefTo(this.id);">
  86. <span class="sm-logo"><img src="img/home-index/purchase_icon_home@3x.png"/></span>
  87. <span>采购</span>
  88. </li>
  89. <li id="tpl/home-index/home-index-menu/sell.html" onclick="hrefTo(this.id);">
  90. <span class="sm-logo"><img src="img/home-index/sale_icon_home@3x.png"/></span>
  91. <span>销售</span>
  92. </li>
  93. <li id="tpl/home-index/home-index-menu/stock.html" onclick="hrefTo(this.id);">
  94. <span class="sm-logo"><img src="img/home-index/stock_icon_home@3x.png"/></span>
  95. <span>库存</span>
  96. </li>
  97. <li id="tpl/home-index/home-index-menu/flow.html" onclick="hrefTo(this.id);">
  98. <span class="sm-logo"><img src="img/home-index/process_icon_home@3x.png"/></span>
  99. <span>流程</span>
  100. </li>
  101. <li id="tpl/home-index/home-index-menu/custom.html" onclick="hrefTo(this.id);">
  102. <span class="sm-logo"><img src="img/home-index/service_icon_home@3x.png"/></span>
  103. <span>客服</span>
  104. </li>
  105. <!--<li id="tpl/home-index/home-index-menu/product.html" onclick="hrefTo(this.id);">
  106. <span class="sm-logo">
  107. <img src="img/home-index/produce_icon_home@3x.png"/>
  108. </span>
  109. <span>生产</span>
  110. </li>
  111. <li id="tpl/home-index/home-index-menu/document.html" onclick="hrefTo(this.id);">
  112. <span class="sm-logo">
  113. <img src="img/home-index/file_icon_home@3x.png"/>
  114. </span>
  115. <span>文档</span>
  116. </li>
  117. <li id="tpl/home-index/home-index-menu/project.html" onclick="hrefTo(this.id);">
  118. <span class="sm-logo">
  119. <img src="img/home-index/object_icon_home@3x.png"/>
  120. </span>
  121. <span>项目</span>
  122. </li>
  123. <li id="tpl/home-index/home-index-menu/skill.html" onclick="hrefTo(this.id);">
  124. <span class="sm-logo">
  125. <img src="img/home-index/techlonogy_icon_home@3x.png"/>
  126. </span>
  127. <span>技术</span>
  128. </li>-->
  129. </ul>
  130. </div>
  131. </div>
  132. </body>
  133. <script src="libs/mui.min.js"></script>
  134. <script src="libs/href.js" type="text/javascript" charset="utf-8"></script>
  135. <script type="text/javascript">
  136. (function($, doc) {
  137. $.plusReady(function() {
  138. var str = plus.storage.getItem('user');
  139. var user = JSON.parse(str);
  140. var token = user.Data.Token;
  141. //查询
  142. GetdataList();
  143. MessageList(2);
  144. MessageList(4);
  145. MessageList(17);
  146. function GetdataList() {
  147. $.ajax('http://www.bosshand.cn/api/Customer/GetListModelByLeve', {
  148. data: {},
  149. type: 'post',
  150. dataType: 'json',
  151. timeout: 1000,
  152. headers: {
  153. 'Content-Type': 'application/x-www-form-urlencoded',
  154. authorization: token
  155. },
  156. success: function(resp) {
  157. if(resp.Code == 200) {
  158. var data = resp.Data.list
  159. for(var i = 0; i < data.length; i++) {
  160. if(data[i].PowerName == '办公中心') {
  161. GetdataLists(data[i].Code);
  162. break;
  163. }
  164. }
  165. }
  166. }
  167. });
  168. }
  169. function GetdataLists(datas) {
  170. var postData = {
  171. "parentCode": datas
  172. }
  173. $.ajax('http://www.bosshand.cn/api/Customer/GetListModelByParentCode', {
  174. data: postData,
  175. type: 'post',
  176. dataType: 'json',
  177. timeout: 1000,
  178. headers: {
  179. 'Content-Type': 'application/x-www-form-urlencoded',
  180. authorization: token
  181. },
  182. success: function(resp) {
  183. if(resp.Code == 200) {
  184. var data = resp.Data.list;
  185. for(var i = 0; i < data.length; i++) {
  186. var nowdata = data[i].PowerName.substring(0, 2)
  187. for(var j = 0; j < $('.menu li').length; j++) {
  188. if(nowdata == $('.menu li')[j].childNodes[3].innerHTML) {
  189. $('.menu li')[j].style.display = 'block'
  190. }
  191. }
  192. }
  193. }
  194. }
  195. });
  196. };
  197. function MessageList(type) {
  198. $.ajax('http://www.bosshand.cn/api/Customer/BackstageIndexMessage', {
  199. data: {
  200. "type": type
  201. },
  202. dataType: 'json',
  203. type: "post",
  204. contentType: "application/x-www-form-urlencoded",
  205. headers: {
  206. authorization: token
  207. },
  208. success: function(resp) {
  209. if(resp.Code == 200) {
  210. if(type == 2 || type == 4) {
  211. if(resp.Data.list.length > 0) {
  212. $('.notify')[0].innerHTML = '您有新的通知';
  213. document.getElementById("notify").style.visibility="visible"
  214. } else {
  215. $('.notify')[0].innerHTML = '暂无新的通知';
  216. document.getElementById("notify").style.visibility="hidden";
  217. }
  218. } else if(type == 17) {
  219. if(resp.Data.list.length > 0) {
  220. $('.task')[0].innerHTML = '您有新的通知';
  221. document.getElementById("task").style.visibility="visible"
  222. } else {
  223. $('.task')[0].innerHTML = '暂无新的通知';
  224. document.getElementById("task").style.visibility="hidden";
  225. }
  226. }
  227. }
  228. }
  229. });
  230. };
  231. });
  232. })(mui, document)
  233. </script>
  234. </html>