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.

225 lines
17 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.Leave_Upd">請假申請單編輯</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="/Scripts/3rd/select2/css/select2.min.css" rel="stylesheet" />
  24. <link href="/Content/modern.min.css" rel="stylesheet" />
  25. <link href="/Content/custom.min.css" rel="stylesheet" type="text/css" />
  26. <link href="/Content/themes/red.css" rel="stylesheet" type="text/css" />
  27. <link href="/Content/style2.0.css" rel="stylesheet" type="text/css" />
  28. <style>
  29. .AskTheDummy {
  30. padding-top: 6px;
  31. }
  32. .file-list .jFiler-input-dragDrop {
  33. margin-left: 0;
  34. width: 60px;
  35. height: 50px;
  36. font-size: 23px;
  37. }
  38. .file-list .jFiler-input-dragDrop:hover {
  39. margin-left: 0;
  40. width: 60px;
  41. height: 50px;
  42. font-size: 23px;
  43. border-color: #225067;
  44. color: #225067;
  45. cursor: pointer;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div class="page-inner">
  51. <div class="page-title">
  52. </div>
  53. <div id="Toolbar">
  54. </div>
  55. <div id="main-wrapper">
  56. <div class="row">
  57. <div class="panel-info">
  58. <div class="panel-body">
  59. <form id="form_main" class="form-horizontal">
  60. <div class="form-group">
  61. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.SignedNumber">簽呈編號</span></label>
  62. <div class="col-sm-3">
  63. <input type="text" class="form-control w100p" name="SignedNumber" id="SignedNumber" disabled maxlength="20" placeholderid="common.AutomaticCoding" placeholder="自動編碼">
  64. </div>
  65. </div>
  66. <div class="form-group">
  67. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.KeyNote">簽核主旨</span></label>
  68. <div class="col-sm-8">
  69. <input type="text" class="form-control w100p" name="KeyNote" id="KeyNote" maxlength="200" required data-msg="common.KeyNote_required" datamsg="請輸入簽核主旨" placeholderid="common.Instruction_KeyNote" placeholder="簽核主旨">
  70. </div>
  71. </div>
  72. <div class="form-group">
  73. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Important">重要性</span></label>
  74. <div class="col-sm-3">
  75. <input id="Important_0" type="radio" name="Important" value="3" />
  76. <label for="Important_0" data-i18n="common.Important_3">很重要</label>
  77. <input id="Important_1" type="radio" name="Important" value="2" />
  78. <label for="Important_1" data-i18n="common.Important_2">重要</label>
  79. <input id="Important_2" type="radio" name="Important" value="1" checked="checked" />
  80. <label for="Important_2" data-i18n="common.Important_1">普通</label>
  81. </div>
  82. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.CrosssignTurn">轉呈</span></label>
  83. <div class="col-sm-3">
  84. <input id="CrosssignTurn_1" type="radio" name="CrosssignTurn" value="Y" checked="checked" />
  85. <label for="CrosssignTurn_1" data-i18n="common.CrosssignTurn_2">簽核者可直接轉呈給他人簽核</label>
  86. <input id="CrosssignTurn_2" type="radio" name="CrosssignTurn" value="N" />
  87. <label for="CrosssignTurn_2" data-i18n="common.CrosssignTurn_1">簽核者不可轉呈給他人簽核</label>
  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.AskTheDummy">請假人</span></label>
  92. <div class="col-sm-3 AskTheDummy">
  93. </div>
  94. <input type="hidden" id="AskTheDummy" name="AskTheDummy">
  95. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.HolidayCategory">假別</span></label>
  96. <div class="col-sm-3">
  97. <select class="form-control" name="HolidayCategory" id="HolidayCategory" required data-msg="common.HolidayCategory_required" datamsg="請選擇假別"></select>
  98. </div>
  99. </div>
  100. <div class="form-group">
  101. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.AgentPerson">代理人</span></label>
  102. <div class="col-sm-3">
  103. <select class="form-control w100p" name="Agent_DeptID" id="Agent_DeptID" required data-msg="common.Agent_DeptID_required" datamsg="請選擇代理部門"></select>
  104. </div>
  105. <div class="col-sm-3">
  106. <select class="form-control w100p" name="Agent_Person" id="Agent_Person" required data-msg="common.Agent_Person_required" datamsg="請選擇代理人"></select>
  107. </div>
  108. </div>
  109. <div class="form-group">
  110. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.StartTime">開始時間</span></label>
  111. <div class="col-sm-2">
  112. <input type="text" class="form-control w100p datetime-picker" name="StartDate" id="StartDate" hour="8" minute="30" stepminute="1" readonly maxlength="16" required data-msg="common.StartDate_required" datamsg="請選擇開始時間">
  113. </div>
  114. <label class="col-sm-1 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.EndTime">結束時間</span></label>
  115. <div class="col-sm-2">
  116. <input type="text" class="form-control w100p datetime-picker" name="EndDate" id="EndDate" hour="17" minute="30" stepminute="1" readonly maxlength="16" required data-msg="common.EndDate_required" datamsg="請選擇結束時間" data-rule-compardatetime="compardatetime" data-msg-compardatetime="common.ComparDateTime">
  117. </div>
  118. <label class="col-sm-1 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.TotalTime">總共時數</span></label>
  119. <div class="col-sm-2">
  120. <input type="text" class="form-control w100p" name="TotalTime" id="TotalTime" maxlength="10" data-keyintp1="Y" required data-msg="common.TotalTime_required" datamsg="請填寫時數">
  121. </div>
  122. </div>
  123. <div class="form-group">
  124. <label class="col-sm-2 control-label wright" for="input-Default"></label>
  125. <div class="col-sm-10" style="color:blue;">
  126. <span data-i18n="common.Memo">備註</span><span data-i18n="common.LeaveHoursTips">上午上班(8:30)請假到12:00不夠4小時的,按照請假制度將按照4小時來計算,請核對。</span>
  127. </div>
  128. </div>
  129. <div class="form-group">
  130. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FileUpload">附件上傳</span></label>
  131. <div class="col-sm-8 file-list">
  132. <input type="file" class="displayNone" name="files[]" id="fileInput" multiple="multiple">
  133. </div>
  134. </div>
  135. <div class="form-group">
  136. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.LeaveReason">事由說明</span></label>
  137. <div class="col-sm-8">
  138. <textarea name="LeaveReason" id="LeaveReason" class="form-control" rows="5" cols="20" _maxlength="40" placeholderid="Leave_Upd.Instruction_LeaveReason" placeholder="事由說明..."></textarea>
  139. </div>
  140. </div>
  141. <div class="form-group">
  142. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.CheckOrder">簽核順序</span></label>
  143. <div class="col-sm-8">
  144. <select class="form-control w100p" name="FlowId" id="FlowId" required data-msg="common.CheckFlows_required" datamsg="請選則簽核流程"></select>
  145. </div>
  146. </div>
  147. <div class="form-group">
  148. <label class="col-sm-2 control-label wright" for="input-Default"><span></span></label>
  149. <div class="col-sm-8">
  150. <div>
  151. <div id="jsGrid"></div>
  152. </div>
  153. <br />
  154. <div class="col-md-12 checkordertoolbox" hidden>
  155. <div class="form-group">
  156. <label class="col-sm-1 wright" for="input-Default"><span data-i18n="common.Toolbar_Add">新增</span></label>
  157. <div class="col-sm-1">
  158. <span><img src="../../images/flow1.gif" align="middle"><a href="javascript:void(0)" id="flow1" class="flowlink" data-i18n="common.flow1">串簽</a></span>
  159. </div>
  160. <div class="col-sm-1">
  161. <span><img src="../../images/flow2.gif" align="middle"><a href="javascript:void(0)" id="flow2" class="flowlink" data-i18n="common.flow2">會辦</a></span>
  162. </div>
  163. <div class="col-sm-1">
  164. <span><img src="../../images/flow3.gif" align="middle"><a href="javascript:void(0)" id="flow3" class="flowlink" data-i18n="common.flow3">擇辦</a></span>
  165. </div>
  166. <div class="col-sm-1">
  167. <span><img src="../../images/flow4.gif" align="middle"><a href="javascript:void(0)" id="flow4" class="flowlink" data-i18n="common.flow4">通知</a></span>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="form-group">
  174. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.Handle_Person">經辦人</span></label>
  175. <div class="col-sm-3">
  176. <select class="form-control w100p" name="Handle_DeptID" id="Handle_DeptID" data-msg="common.Handle_DeptID_required" datamsg="請選擇經辦部門"></select>
  177. </div>
  178. <div class="col-sm-3">
  179. <select class="form-control w100p" name="Handle_Person" id="Handle_Person" required data-msg="common.Handle_Person_required" datamsg="請選擇經辦人"></select>
  180. </div>
  181. </div>
  182. <div class="form-group">
  183. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Memo">備註</span></label>
  184. <div class="col-sm-8">
  185. <textarea name="Memo" id="Memo" class="form-control" rows="5" cols="20"></textarea>
  186. </div>
  187. </div>
  188. <div class="form-group">
  189. <label class="col-sm-2 control-label"><span data-i18n="common.CreateUser">創建人</span></label>
  190. <div class="col-sm-3">
  191. <div class="form-control-static" name="CreateUser" id="CreateUser" data-source="members.MemberID.MemberName"></div>
  192. </div>
  193. <label class="col-sm-2 control-label"><span data-i18n="common.CreateDate">創建時間</span></label>
  194. <div class="col-sm-3">
  195. <div class="form-control-static" name="CreateDate" id="CreateDate"></div>
  196. </div>
  197. </div>
  198. <div class="form-group">
  199. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyUser">最新修改人</span></label>
  200. <div class="col-sm-3">
  201. <div class="form-control-static" name="ModifyUser" id="ModifyUser" data-source="members.MemberID.MemberName"></div>
  202. </div>
  203. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyDate">最新修改時間</span></label>
  204. <div class="col-sm-3">
  205. <div class="form-control-static" name="ModifyDate" id="ModifyDate"></div>
  206. </div>
  207. </div>
  208. </form>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </body>
  215. </html>
  216. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  217. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  218. <script type="text/javascript">
  219. $(document).ready(function () {
  220. $("head").append("<script type='text/javascript' src='/Scripts/loadjs.min.js'>");
  221. $("head").append("<script type='text/javascript' src='/Scripts/JSLoader.js'>");
  222. $("head").append("<script type='text/javascript' src='/Scripts/pages/Eip/Leave_Upd.js'>");
  223. });
  224. </script>