7.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>审流</title>
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="Keywords" content="">
  8. <meta name="Description" content="">
  9. <link rel="stylesheet" href="static/css/base.css">
  10. <link rel="stylesheet" href="static/css/style.css">
  11. </head>
  12. <body>
  13. <div class="warp">
  14. <div class="content shenliu">
  15. <div class="shenliu_left">
  16. <p>企业设置</p>
  17. <ul>
  18. <li><a href="#">企业信息</a> </li>
  19. <li><a href="#">角色权限</a> </li>
  20. <li><a href="#">人员信息</a> </li>
  21. <li class="hover"><a href="#">审批流</a> </li>
  22. <li><a href="#">操作日志</a> </li>
  23. </ul>
  24. </div>
  25. <div class="shenliu_right">
  26. <div class="com_title">设置>企业设置<font>>审批流</font></div>
  27. <div class="com_head"><span>审批流设置</span><a href="#"><i class="fa fa-plus-square fa-fw"></i>新增审批</a></div>
  28. <div class="com_head01"><span>已启用的审批流程</span></div>
  29. <div class="com_content">
  30. <ul>
  31. <li>
  32. <div class="inco01"><a href="#"> <img src="static/img/approvalFlow/1.png"></a></div>
  33. <div class="content_list">
  34. <span class="line01">请假单<br/><font>适用于请假审批 2017-02-27 18:00更新</font></span>
  35. <span>审批人<a href="#" class="clolor01">(已设置)</a></span>
  36. <span>抄送人(2)</span>
  37. </div>
  38. </li>
  39. <li>
  40. <div class="inco01"><a href="#"> <img src="static/img/approvalFlow/2.png"></a></div>
  41. <div class="content_list">
  42. <span class="line01">加班<br/><font>适用于请假审批 2017-02-27 18:00更新</font></span>
  43. <span>审批人<a href="#" class="clolor01">(已设置)</a></span>
  44. <span>抄送人(2)</span>
  45. </div>
  46. </li>
  47. <li>
  48. <div class="inco01"><a href="#"> <img src="static/img/approvalFlow/3.png"></a></div>
  49. <div class="content_list">
  50. <span class="line01">出差申请<br/><font>适用于请假审批 2017-02-27 18:00更新</font></span>
  51. <span>审批人<a href="#" class="clolor02">(未设置)</a></span>
  52. <span>抄送人<a href="#" class="clolor02">(未设置)</a></span>
  53. </div>
  54. </li>
  55. <li>
  56. <div class="inco01"><a href="#"> <img src="static/img/approvalFlow/4.png"></a></div>
  57. <div class="content_list">
  58. <span class="line01">报销<br/><font>适用于请假审批 2017-02-27 18:00更新</font></span>
  59. <span>审批人<a href="#" class="clolor01">(已设置)</a></span>
  60. <span>抄送人(2)</span>
  61. </div>
  62. </li>
  63. <li>
  64. <div class="inco01"><a href="#"> <img src="static/img/approvalFlow/5.png"></a></div>
  65. <div class="content_list">
  66. <span class="line01">外勤<br/><font>适用于请假审批 2017-02-27 18:00更新</font></span>
  67. <span>审批人<a href="#" class="clolor01">(已设置)</a></span>
  68. <span>抄送人<a href="#" class="clolor02">(未设置)</a></span>
  69. </div>
  70. </li>
  71. <li>
  72. <div class="inco01"><a href="#"> <img src="static/img/approvalFlow/6.png"></a></div>
  73. <div class="content_list">
  74. <span class="line01">工作日报<br/><font>适用于请假审批 2017-02-27 18:00更新</font></span>
  75. <span>审批人<a href="#" class="clolor01">(已设置)</a></span>
  76. <span>抄送人<a href="#" class="clolor02">(未设置)</a></span>
  77. </div>
  78. </li>
  79. </ul>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <div class="tanchuang">
  85. <!--弹出框05 设置-企业设置-审批流-审批人设置-设置抄送人-->
  86. <div class="box box05">
  87. <i class="off"><img src="static/img/approvalFlow/close.png" alt=""></i>
  88. <div class="box_content" style="width: 675px;">
  89. <div class="box_content01">
  90. <h4>请假单-已选抄送人</h4>
  91. <div class="box_list">
  92. <h5>请从右侧选择审批节点</h5>
  93. </div>
  94. <a href="#" class="dot02"></a>
  95. </div>
  96. <div class="box_content01">
  97. <h4>指定人员</h4>
  98. <div class="box_list">
  99. <div class="sreach"><input type="text" placeholder="请输入姓名/部门/手机号" ><button></button> </div>
  100. <div class="zimu"><span>C</span></div>
  101. <ul>
  102. <li>
  103. <span><em>陈玲</em>产品规划部>UI设计师</span>
  104. <a href="#">添加</a>
  105. </li>
  106. <li>
  107. <span><em>陈玲</em>产品规划部>UI设计师</span>
  108. <a href="#">添加</a>
  109. </li>
  110. <li>
  111. <span><em>陈玲</em>产品规划部>UI设计师</span>
  112. <a href="#">添加</a>
  113. </li>
  114. <li>
  115. <span><em>陈玲</em>产品规划部>UI设计师</span>
  116. <a href="#">添加</a>
  117. </li>
  118. <li>
  119. <span><em>陈玲</em>产品规划部>UI设计师</span>
  120. <a href="#">添加</a>
  121. </li>
  122. </ul>
  123. <div class="zimu"><span>H</span></div>
  124. <ul>
  125. <li>
  126. <span><em>陈玲</em>产品规划部>UI设计师</span>
  127. <a href="#">添加</a>
  128. </li>
  129. <li>
  130. <span><em>陈玲</em>产品规划部>UI设计师</span>
  131. <a href="#">添加</a>
  132. </li>
  133. <li>
  134. <span><em>陈玲</em>产品规划部>UI设计师</span>
  135. <a href="#">添加</a>
  136. </li>
  137. <li>
  138. <span><em>陈玲</em>产品规划部>UI设计师</span>
  139. <a href="#">添加</a>
  140. </li>
  141. <li>
  142. <span><em>陈玲</em>产品规划部>UI设计师</span>
  143. <a href="#">添加</a>
  144. </li>
  145. </ul>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="box01_03">
  150. <a href="#" class="btn01">保存</a><a href="#" class="btn02">取消</a>
  151. </div>
  152. </div>
  153. </div>
  154. <script src="static/lib/jquery/jquery.min.js"></script>
  155. <script type="text/ecmascript">
  156. $(function(){
  157. $('.tanchuang .box .off').click(function () {
  158. $('.tanchuang,.tanchuang .box').hide();
  159. })
  160. })
  161. </script>
  162. </body>
  163. </html>