You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

251 lines
20 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Expires" content="0">
  6. <meta http-equiv="Pragma" content="no-cache">
  7. <meta http-equiv="Cache-control" content="no-cache">
  8. <meta http-equiv="Cache" content="no-cache">
  9. <title data-i18n="common.OverTime_View">加班申請單</title>
  10. <link href="/Content/googleapis.css" rel="stylesheet" type='text/css' />
  11. <link href="/Scripts/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css" />
  12. <link href="/Scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  13. <link href="/Scripts/3rd/datetimepicker-addon/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />
  14. <link href="/Scripts/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
  15. <link href="/Scripts/plugins/line-icons/simple-line-icons.css" rel="stylesheet" type="text/css" />
  16. <link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
  17. <link href="/Scripts/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
  18. <link href="/Scripts/3rd/jquery.filer/jquery.filer.css" rel="stylesheet" />
  19. <link href="/Scripts/3rd/jquery.filer/jquery.filer-dragdropbox-theme.css" rel="stylesheet" />
  20. <link href="/Scripts/3rd/jquery.filer/file.theme.list.css" rel="stylesheet" />
  21. <link href="/Scripts/3rd/jGrid/jsgrid.min.css" rel="stylesheet" />
  22. <link href="/Scripts/3rd/jGrid/jsgrid-theme.min.css" rel="stylesheet" />
  23. <link href="/Content/modern.min.css" rel="stylesheet" />
  24. <link href="/Content/custom.min.css" rel="stylesheet" type="text/css" />
  25. <link href="/Content/themes/red.css" rel="stylesheet" type="text/css" />
  26. <link href="/Content/style2.0.css" rel="stylesheet" type="text/css" />
  27. <link href="/Content/Page/Eip/cuseip.css" rel="stylesheet" />
  28. <link href="/Content/Page/Eip/print.css" rel="stylesheet" media="print" />
  29. </head>
  30. <body>
  31. <div class="page-inner">
  32. <div class="page-title">
  33. </div>
  34. <div id="Toolbar">
  35. </div>
  36. <div id="main-wrapper">
  37. <div class="row">
  38. <div class="panel-info">
  39. <div class="panel-body">
  40. <form id="form_main" class="form-horizontal">
  41. <fieldset>
  42. <div class="row">
  43. <label class="col-sm-12 eip-title"><span data-i18n="common.OverTime_View">加班申請單</span><span id="status" style="color:#DF5F09"></span></label>
  44. </div>
  45. <div class="row">
  46. <label class="col-sm-12 eip-note"></label>
  47. </div>
  48. <div class="row VoidReason" hidden>
  49. <label class="col-sm-12 void-reason t-red"><span data-i18n="common.Void">作廢原因</span><span id="VoidReason"></span></label>
  50. </div>
  51. <div class="form-group">
  52. <label class="col-sm-2 control-label wright show-label" for="input-Default"><span data-i18n="common.Recipient">收文者</span></label>
  53. <div class="col-sm-4 show-text" id="Recipient">
  54. </div>
  55. <label class="col-sm-2 control-label wright show-label" for="input-Default"><span data-i18n="common.Applicant">申請人</span></label>
  56. <div class="col-sm-3 show-text" id="Applicant">
  57. </div>
  58. <div class="col-sm-1"></div>
  59. </div>
  60. <div class="form-group">
  61. <label class="col-sm-2 control-label wright show-label" for="input-Default"><span data-i18n="common.Handle_Person">經辦人</span></label>
  62. <div class="col-sm-4 show-text" id="Handle_Person">
  63. </div>
  64. <label class="col-sm-2 control-label wright show-label" for="input-Default"><span data-i18n="common.Important">重要性</span></label>
  65. <div class="col-sm-3 show-text" id="Important">
  66. </div>
  67. <div class="col-sm-1"></div>
  68. </div>
  69. <div class="form-group">
  70. <label class="col-sm-2 control-label wright show-label" for="input-Default"><span data-i18n="common.AdditionalFiles">附加檔案</span></label>
  71. <div class="col-sm-4 show-text" id="AdditionalFiles">
  72. </div>
  73. <label class="col-sm-2 control-label wright show-label" for="input-Default"><span data-i18n="common.SignedNumber">簽呈編號</span></label>
  74. <div class="col-sm-3 show-text" id="SignedNumber">
  75. </div>
  76. <div class="col-sm-1"></div>
  77. </div>
  78. <hr>
  79. <div class="form-group">
  80. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Applicant">申請人</span></label>
  81. <div class="col-sm-8 show-text" id="AskTheDummy">
  82. </div>
  83. </div>
  84. <div class="form-group">
  85. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.OverTimeUsers">加班人員</span></label>
  86. <div class="col-sm-8 show-text">
  87. <div id="jsGrid"></div>
  88. </div>
  89. </div>
  90. <div class="form-group">
  91. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Memo">備註</span></label>
  92. <div class="col-sm-8">
  93. <textarea name="Memo" id="Memo" class="form-control" rows="5" cols="20" disabled></textarea>
  94. </div>
  95. </div>
  96. </fieldset>
  97. <fieldset>
  98. <legend data-i18n="common.AlreadyToAudit">以上 请审批</legend>
  99. <div class="row">
  100. <div class="col-md-12">
  101. <div class="form-group">
  102. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.CheckOrder">簽核順序</span></label>
  103. <div class="col-sm-8">
  104. <div>
  105. <div id="jsGrid1"></div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <hr>
  112. <div class="row">
  113. <div class="col-md-12">
  114. <div class="form-group">
  115. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Handle_DeptID">經辦單位</span></label>
  116. <div class="col-sm-8">
  117. <div>
  118. <div id="jsGrid2"></div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </fieldset>
  125. <fieldset id="IsAuditor" hidden>
  126. <legend data-i18n="common.SignedDecision">簽核決定</legend>
  127. <div class="row">
  128. <div class="col-md-12">
  129. <div class="form-group">
  130. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.SignedDecision">簽核決定</span></label>
  131. <div class="col-sm-8">
  132. <input id="SignedDecision_0" type="radio" name="SignedDecision" value="Y" checked="checked" />
  133. <label for="SignedDecision_0" data-i18n="common.SignedDecision_1">同意,文件传给下个用户</label><br />
  134. <input id="SignedDecision_1" type="radio" name="SignedDecision" value="N" />
  135. <label for="SignedDecision_1" data-i18n="common.SignedDecision_2">不同意,文件退回给申请人</label><br />
  136. <input id="SignedDecision_2" class="crosssignturn" type="radio" name="SignedDecision" value="O" />
  137. <label for="SignedDecision_2" class="crosssignturn"><span data-i18n="common.SignedDecision_3">跳转至其他环节</span>(<input type="checkbox" name="NoreTurn" id="NoreTurn" value="1" checked="checked"><label for="NoreTurn" data-i18n="common.NoreTurn">跳转完回传给我做最后决定</label>)</label>
  138. <div id="addotheraudit" hidden>
  139. <div>
  140. <div id="jsGrid3"></div>
  141. </div>
  142. <br />
  143. <div class="col-md-12">
  144. <div class="form-group">
  145. <label class="col-sm-1 wright" for="input-Default"><span data-i18n="common.Toolbar_Add">新增</span></label>
  146. <div class="col-sm-1">
  147. <span><img src="../../images/flow1.gif" align="middle"><a href="javascript:void(0)" data-id="flow1" class="flowlink3" data-i18n="common.flow1">串簽</a></span>
  148. </div>
  149. <div class="col-sm-1">
  150. <span><img src="../../images/flow2.gif" align="middle"><a href="javascript:void(0)" data-id="flow2" class="flowlink3" data-i18n="common.flow2">會辦</a></span>
  151. </div>
  152. <div class="col-sm-1">
  153. <span><img src="../../images/flow3.gif" align="middle"><a href="javascript:void(0)" data-id="flow3" class="flowlink3" data-i18n="common.flow3">擇辦</a></span>
  154. </div>
  155. <div class="col-sm-1">
  156. <span><img src="../../images/flow4.gif" align="middle"><a href="javascript:void(0)" data-id="flow4" class="flowlink3" data-i18n="common.flow4">通知</a></span>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. <div class="form-group">
  164. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.SignedOpinion">簽核意見</span></label>
  165. <div class="col-sm-8">
  166. <textarea name="SignedOpinion" id="SignedOpinion" class="form-control" rows="5" cols="20"></textarea>
  167. </div>
  168. </div>
  169. <div class="form-group">
  170. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FileUpload">附件上傳</span></label>
  171. <div class="col-sm-8 file-list">
  172. <input type="file" class="displayNone" name="files[]" id="fileInput1" multiple>
  173. </div>
  174. </div>
  175. <div class="form-group">
  176. <div class="col-sm-12 wcenter">
  177. <button type="button" class="btn-custom blue submitdecision" data-id="Signed" data-i18n="common.SubmitDecision">提交決定</button>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </fieldset>
  183. <fieldset id="IsHandler" hidden>
  184. <legend data-i18n="common.HandleDecision">簽辦決定</legend>
  185. <div class="row">
  186. <div class="col-md-12">
  187. <div class="form-group">
  188. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.HandleDecision">簽核決定</span></label>
  189. <div class="col-sm-8">
  190. <input id="HandleDecision_0" type="radio" name="HandleDecision" value="Y" checked="checked" />
  191. <label for="HandleDecision_0" data-i18n="common.HandleDecision_1">同意經辦</label><br />
  192. <input id="HandleDecision_1" type="radio" name="HandleDecision" value="O" />
  193. <label for="HandleDecision_1" data-i18n="common.HandleDecision_2">所需簽核成員不足,轉呈此簽文至其它主管</label>
  194. <div id="addotherhandle" hidden>
  195. <div>
  196. <div id="jsGrid4"></div>
  197. </div>
  198. <br />
  199. <div class="col-md-12">
  200. <div class="form-group">
  201. <label class="col-sm-1 wright" for="input-Default"><span data-i18n="common.Toolbar_Add">新增</span></label>
  202. <div class="col-sm-1">
  203. <span><img src="../../images/flow1.gif" align="middle"><a href="javascript:void(0)" data-id="flow1" class="flowlink4" data-i18n="common.flow1">串簽</a></span>
  204. </div>
  205. <div class="col-sm-1">
  206. <span><img src="../../images/flow2.gif" align="middle"><a href="javascript:void(0)" data-id="flow2" class="flowlink4" data-i18n="common.flow2">會辦</a></span>
  207. </div>
  208. <div class="col-sm-1">
  209. <span><img src="../../images/flow3.gif" align="middle"><a href="javascript:void(0)" data-id="flow3" class="flowlink4" data-i18n="common.flow3">擇辦</a></span>
  210. </div>
  211. <div class="col-sm-1">
  212. <span><img src="../../images/flow4.gif" align="middle"><a href="javascript:void(0)" data-id="flow4" class="flowlink4" data-i18n="common.flow4">通知</a></span>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <div class="form-group">
  220. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.HnadleOpinion">簽辦意見</span></label>
  221. <div class="col-sm-8">
  222. <textarea name="HnadleOpinion" id="HnadleOpinion" class="form-control" rows="5" cols="20"></textarea>
  223. </div>
  224. </div>
  225. <div class="form-group">
  226. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FileUpload">附件上傳</span></label>
  227. <div class="col-sm-8 file-list">
  228. <input type="file" class="displayNone" name="files[]" id="fileInput2" multiple>
  229. </div>
  230. </div>
  231. <div class="form-group">
  232. <div class="col-sm-12 wcenter">
  233. <button type="button" class="btn-custom blue submitdecision" data-id="Handle" data-i18n="common.SubmitDecision">提交決定</button>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </fieldset>
  239. </form>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. </body>
  246. </html>
  247. <script src="/Scripts/loadjs.min.js"></script>
  248. <script src="/Scripts/JSLoader.js?v=20180801"></script>
  249. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  250. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  251. <script src="/Scripts/pages/Eip/OverTime_View.js?v=20180801"></script>