gzty.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app" id="sjtsgzt">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>工作台</title>
  6. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  7. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  8. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  9. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/js/jquery/jquery-ui.css" rel="stylesheet" />
  11. <style>
  12. .bottomObj1:after {
  13. content: "";
  14. position: absolute;
  15. left: calc(100% / 14);
  16. top: -5px;
  17. transform: translateY(-50%);
  18. border-bottom: 10px solid #ECECEC;
  19. border-left: 10px solid transparent;
  20. border-right: 10px solid transparent;
  21. }
  22. .bottomObj2:after {
  23. content: "";
  24. position: absolute;
  25. left: calc(100% / 14 * 3);
  26. top: -5px;
  27. transform: translateY(-50%);
  28. border-bottom: 10px solid #ECECEC;
  29. border-left: 10px solid transparent;
  30. border-right: 10px solid transparent;
  31. }
  32. .bottomObj3:after {
  33. content: "";
  34. position: absolute;
  35. left: calc(100% / 14 * 5);
  36. top: -5px;
  37. transform: translateY(-50%);
  38. border-bottom: 10px solid #ECECEC;
  39. border-left: 10px solid transparent;
  40. border-right: 10px solid transparent;
  41. }
  42. .bottomObj4:after {
  43. content: "";
  44. position: absolute;
  45. left: calc(100% / 14 * 7);
  46. top: -5px;
  47. transform: translateY(-50%);
  48. border-bottom: 10px solid #ECECEC;
  49. border-left: 10px solid transparent;
  50. border-right: 10px solid transparent;
  51. }
  52. .bottomObj5:after {
  53. content: "";
  54. position: absolute;
  55. left: calc(100% / 14 * 9);
  56. top: -5px;
  57. transform: translateY(-50%);
  58. border-bottom: 10px solid #ECECEC;
  59. border-left: 10px solid transparent;
  60. border-right: 10px solid transparent;
  61. }
  62. .bottomObj6:after {
  63. content: "";
  64. position: absolute;
  65. left: calc(100% / 14 * 11);
  66. top: -5px;
  67. transform: translateY(-50%);
  68. border-bottom: 10px solid #ECECEC;
  69. border-left: 10px solid transparent;
  70. border-right: 10px solid transparent;
  71. }
  72. .bottomObj7:after {
  73. content: "";
  74. position: absolute;
  75. left: calc(100% / 14 * 13);
  76. top: -5px;
  77. transform: translateY(-50%);
  78. border-bottom: 10px solid #ECECEC;
  79. border-left: 10px solid transparent;
  80. border-right: 10px solid transparent;
  81. }
  82. .dept-list{
  83. cursor: pointer;
  84. background-color: #fff;
  85. }
  86. .dept-check{
  87. //background-color: #d4eafb;
  88. border:2px solid #008a94;
  89. }
  90. .sort-item {
  91. width: 100px;
  92. float: left;
  93. padding: 5px;
  94. text-align: center;
  95. }
  96. .sort-item:hover {
  97. cursor: move;
  98. }
  99. .sort-item > div {
  100. padding: 15px 5px;
  101. display: inline-block;
  102. border: 1px solid #ccc;
  103. }
  104. </style>
  105. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  106. <script>
  107. if (localStorage.getItem("tjJxtGoldenlinkWork-deviceType") == "pad") {
  108. document.write("<link href='css/gztc-pad.css?time=" + new Date().getTime() + "' rel='stylesheet'>");
  109. } else {
  110. document.write("<link href='css/gztc.css?time=" + new Date().getTime() + "' rel='stylesheet'>");
  111. }
  112. </script>
  113. </head>
  114. <body ng-controller="indexCtrl as ctl" ng-cloak>
  115. <!--业务模块-->
  116. <center class="sp-page-col moveLeft" style="left: 0; " onmouseover="showBtnLR()" onmouseout="hideBtnLR()" ng-if="ctl.ywblList.length>7">
  117. <img src="../index/img/left.png" ng-click="ctl.ywblMove(1)" />
  118. </center>
  119. <div class="sp-page-col" ng-style="ctl.ywblCss" onmouseover="showBtnLR()" onmouseout="hideBtnLR()">
  120. <div class="sp-page List" style="margin-left: 0px; transition: margin-left 1s ease 0s; ">
  121. <div class="Item" ng-repeat="item in ctl.ywblList" repeat-finish>
  122. <div class="ywItem" ng-style="item.background" ng-click="ctl.addTabNav(item,$index)">
  123. <div class="news" ng-style="item.news" ng-if="item.NEWCOUNT>0">
  124. <span>新</span>
  125. </div>
  126. <div class="sp-box sp-lh-30">
  127. {{item.CNAME}}
  128. </div>
  129. <div class="sp-page-col" style="width:60%">
  130. <div class="circle" ng-style="item.circel" ng-if="!item.show"></div>
  131. <div class="circle-rgb" ng-style="item.base" ng-if="item.show">
  132. <div class="deng1">
  133. <center class="purple" ng-class="{'shan': '{{item.BLACKCOUNT}}'>0}" ng-bind="item.BLACKCOUNT" ng-click="ctl.goParams(item,item.BLACKROUTEIDVARLIST)"></center>
  134. </div>
  135. <div class="deng2">
  136. <center class="red" ng-class="{'shan': '{{item.REDCOUNT}}'>0}" ng-bind="item.REDCOUNT" ng-click="ctl.goParams(item,item.REDROUTEIDVARLIST)"></center>
  137. </div>
  138. <div class="deng3">
  139. <center class="orange" ng-bind="item.YELLOWCOUNT" ng-click="ctl.goParams(item,item.YELLOWROUTEIDVARLIST)"></center>
  140. </div>
  141. <div class="deng4">
  142. <center class="green" ng-bind="item.GREENCOUNT" ng-click="ctl.goParams(item,item.GREENROUTEIDVARLIST)"></center>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="sp-page-col sp-pull-right total" ng-if="item.FLOWID!='无'&&item.FLOWID!=null&&!item.ywblcj">{{item.TODOCOUNT}}&nbsp;件</div>
  147. <div class="sp-page-col sp-pull-right total" ng-if="item.FLOWID=='无'||item.FLOWID==null&&!item.ywblcj">{{item.DESKTOP.length}}&nbsp;项</div>
  148. <div class="sp-page-col sp-pull-right total" ng-if="item.ywblcj">{{ctl.appList.length}}&nbsp;项</div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. <center class="sp-page-col moveRight" style="right: 0;" onmouseover="showBtnLR()" onmouseout="hideBtnLR()" ng-if="ctl.ywblList.length>7">
  154. <img src="../index/img/right.png" ng-click="ctl.ywblMove(-1)" />
  155. <span style="width: 20px; height: 20px; display: inline-block; position: absolute; right: 20px; top: 120px; color: #1c84c6; cursor: pointer; " ng-click="ctl.setSort()"><i class="fa fa-2x fa-cog"></i></span>
  156. </center>
  157. <div class="sp-page bottomObj bottomObj1" style="padding-top: 5px; background: #ECECEC; margin-top: 10px; position: relative">
  158. <div ng-if="!ctl.ywblcj" style="min-height: 55px; margin-left: 0px; transition: margin-left 1s ease 0s; white-space: nowrap; display: block; overflow-x: auto;">
  159. <div ng-repeat="item in ctl.ywblList[ctl.activeBottomObj-1].DESKTOP" class="sp-page-col">
  160. <div class="sp-page-col" ng-if="item.TODOCOUNT>0&&item.FLOWID!='无'&&item.FLOWID!=null" style="border-radius: 8px;margin:0 10px;background: #fff; padding: 5px 10px; line-height: 40px; ">
  161. <div class="sp-page-col">
  162. {{item.CNAME}}
  163. <div class="sp-page-col sp-pull-right" ng-style="item.base" ng-if="item.show">
  164. <div class="circle-rgb deng1" ng-if="item.BLACKCOUNT>0">
  165. <center class="purple" ng-class="{'shan': '{{item.BLACKCOUNT}}'>0}" ng-bind="item.BLACKCOUNT" ng-click="ctl.goParams(item,item.BLACKROUTEIDVARLIST)"></center>
  166. </div>
  167. <div class="circle-rgb deng2" ng-if="item.REDCOUNT>0">
  168. <center class="red" ng-class="{'shan': '{{item.REDCOUNT}}'>0}" ng-bind="item.REDCOUNT" ng-click="ctl.goParams(item,item.REDROUTEIDVARLIST)"></center>
  169. </div>
  170. <div class="circle-rgb deng3" ng-if="item.YELLOWCOUNT>0">
  171. <center class="orange" ng-bind="item.YELLOWCOUNT" ng-click="ctl.goParams(item,item.YELLOWROUTEIDVARLIST)"></center>
  172. </div>
  173. <div class="circle-rgb deng4" ng-if="item.GREENCOUNT>0">
  174. <center class="green" ng-bind="item.GREENCOUNT" ng-click="ctl.goParams(item,item.GREENROUTEIDVARLIST)"></center>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <div ng-if="item.TODOCOUNT==0&&item.FLOWID!='无'&&item.FLOWID!=null&&(item.GROUPITEMSHOW==1||item.GROUPITEMSHOW.indexOf(ctl.userId)!=-1)" style="border-radius: 8px;margin:0 10px;background: #fff; padding: 5px 10px; line-height: 40px; ">
  180. <div style="display: flex;cursor:pointer" ng-click="ctl.goHref(item)">
  181. {{item.CNAME}}
  182. </div>
  183. </div>
  184. <div ng-if="(item.FLOWID=='无'||item.FLOWID==null)&&(item.GROUPITEMSHOW==1||item.GROUPITEMSHOW.indexOf(ctl.userId)!=-1)" style="border-radius: 8px;margin:0 10px;background: #fff; padding: 5px 10px; line-height: 40px; ">
  185. <div style="display: flex;cursor:pointer" ng-click="ctl.goHref(item)">
  186. {{item.CNAME}}
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. <div ng-if="ctl.ywblcj" style="display: flex;min-height: 55px; margin-left: 0px; transition: margin-left 1s ease 0s; white-space: nowrap; overflow-x: auto;">
  192. <div ng-repeat="item in ctl.deptList">
  193. <div class="sp-page-col dept-list" ng-class="{'dept-check':item.deptName==ctl.nowDeptName}" style="border-radius: 8px;white-space: nowrap;margin:0 10px; padding: 5px 10px; line-height: 35px;">
  194. <div class="sp-page-col" ng-click="ctl.goDeptAppList(item)" style="line-height: 35px;text-align: center;">
  195. {{item.deptNameJx}}
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. <div ng-if="ctl.ywblcj && ctl.deptAppList.length>0" style="display: flex;padding-top: 5px;background-color: #fff;">
  201. <div style="padding-top:5px;flex: 1;display: flex;min-height: 55px; margin-left: 0px; transition: margin-left 1s ease 0s; white-space: nowrap; overflow-x: auto;">
  202. <div ng-repeat="item in ctl.deptAppList">
  203. <div class="sp-page-col" style="color:#fff; cursor: pointer;border-radius: 10px;background: #008a94dd;border:1px solid #fff;white-space: nowrap;margin:0 10px; padding: 5px 10px; line-height: 30px; ">
  204. <div class="sp-page-col" ng-click="ctl.goDeptApp(item)" style="line-height: 30px;text-align: center;font-size: 13px;">
  205. {{item.appName}}
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. <div class="sp-layer" id="sortLayer" style="width: 820px;">
  213. <div class="sp-layer-head" style="background:#2176d6">
  214. <div class="sp-page sp-text-center sp-font16">
  215. 设置排序
  216. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  217. ×
  218. </div>
  219. </div>
  220. </div>
  221. <div class="sp-layer-body" ng-class="{'sp-height-400': '{{ctl.deviceType}}' =='pad'}">
  222. <div id="sort_area" class="sp-page" style="height:130px;overflow:auto">
  223. <div class="sort-item" ng-repeat="item in ctl.sortList" groupid="{{item.GROUPID}}">
  224. <div>
  225. <span>({{$index+1}})</span><br /><span>{{item.CNAME}}</span>
  226. </div>
  227. </div>
  228. </div>
  229. <div class="sp-page sp-text-center sp-pt-10">
  230. <a class="sp-btn-blue sp-radius" ng-click="ctl.submitSort()"><i class="fa fa-check sp-mr-5"></i>确 定</a>
  231. <a class="sp-btn-blue sp-radius" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>取 消</a>
  232. </div>
  233. </div>
  234. </div>
  235. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  236. <script src="../../AFrontEnd/js/jquery/jquery-ui-1.10.4.min.js"></script>
  237. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  238. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  239. <script src="../../apiurljs.js"></script>
  240. <script src="../../js/sm4.js"></script>
  241. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  242. <script>document.write('<scri' + 'pt src="js/gzty.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  243. </body>
  244. </html>