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.

286 lines
23 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.TravelExpenseReport_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.TravelExpenseReport_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.TravelPlace">出差地點</span></label>
  81. <div class="col-sm-3 show-text TravelPlace">
  82. </div>
  83. <label class="col-sm-2 control-label"><span data-i18n="common.TravelDate">出差日期</span></label>
  84. <div class="col-sm-3 show-text TravelDate">
  85. </div>
  86. </div>
  87. <div class="form-group">
  88. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.ExhibitionName">展覽名稱</span></label>
  89. <div class="col-sm-8 show-text ExhibitionName">
  90. </div>
  91. </div>
  92. <div class="form-group">
  93. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FeeItems">費用項目</span></label>
  94. <div class="col-sm-8">
  95. <div id="jsGrid"></div>
  96. </div>
  97. </div>
  98. <div class="form-group">
  99. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FeeSum">費用加總</span></label>
  100. <div class="col-sm-8">
  101. <div class="form-group">
  102. <label class="col-sm-1 w6p control-label wright" for="input-Default"><span data-i18n="common.TaiwanDollar">台幣</span></label>
  103. <div class="col-sm-1 show-text">
  104. TWD
  105. </div>
  106. <label class="col-sm-1 w6p control-label wright" for="input-Default"><span>TOTAL</span></label>
  107. <div class="col-sm-1 w12p">
  108. <input type="text" class="form-control w100p wright" name="TravelFeeInfo[Total]" id="TravelFeeInfo_Total" maxlength="20" data-type="int" data-name="int" disabled>
  109. </div>
  110. <label class="col-sm-1 w9p control-label wright" for="input-Default"><span data-i18n="common.CompanyAdvance">公司預支</span></label>
  111. <div class="col-sm-1 w12p">
  112. <input type="text" class="form-control w100p wright" name="TravelFeeInfo[CompanyAdvance]" id="TravelFeeInfo_CompanyAdvance" maxlength="20" data-type="int" data-name="int" disabled>
  113. </div>
  114. <label class="col-sm-1 w9p control-label wright" for="input-Default"><span data-i18n="common.CompanyCope">公司應付</span></label>
  115. <div class="col-sm-1 w12p">
  116. <input type="text" class="form-control w100p wright" name="TravelFeeInfo[CompanyCope]" id="TravelFeeInfo_CompanyCope" maxlength="20" data-type="int" data-name="int" disabled>
  117. </div>
  118. <label class="col-sm-1 w10p control-label wright" for="input-Default"><span data-i18n="common.Sum">總計</span>(TWD):</label>
  119. <div class="col-sm-1 w15p">
  120. <input type="text" class="form-control w100p wright" name="TravelFeeInfo[Sum]" id="TravelFeeInfo_Sum" maxlength="20" data-type="int" data-name="int" disabled>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="form-group">
  126. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Memo">備註</span></label>
  127. <div class="col-sm-8">
  128. <textarea name="Memo" id="Memo" class="form-control" rows="5" cols="20" disabled></textarea>
  129. </div>
  130. </div>
  131. </fieldset>
  132. <fieldset>
  133. <legend data-i18n="common.AlreadyToAudit">以上 请审批</legend>
  134. <div class="row">
  135. <div class="col-md-12">
  136. <div class="form-group">
  137. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.CheckOrder">簽核順序</span></label>
  138. <div class="col-sm-8">
  139. <div>
  140. <div id="jsGrid1"></div>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <hr>
  147. <div class="row">
  148. <div class="col-md-12">
  149. <div class="form-group">
  150. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Handle_DeptID">經辦單位</span></label>
  151. <div class="col-sm-8">
  152. <div>
  153. <div id="jsGrid2"></div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. </fieldset>
  160. <fieldset id="IsAuditor" hidden>
  161. <legend data-i18n="common.SignedDecision">簽核決定</legend>
  162. <div class="row">
  163. <div class="col-md-12">
  164. <div class="form-group">
  165. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.SignedDecision">簽核決定</span></label>
  166. <div class="col-sm-8">
  167. <input id="SignedDecision_0" type="radio" name="SignedDecision" value="Y" checked="checked" />
  168. <label for="SignedDecision_0" data-i18n="common.SignedDecision_1">同意,文件传给下个用户</label><br />
  169. <input id="SignedDecision_1" type="radio" name="SignedDecision" value="N" />
  170. <label for="SignedDecision_1" data-i18n="common.SignedDecision_2">不同意,文件退回给申请人</label><br />
  171. <input id="SignedDecision_2" class="crosssignturn" type="radio" name="SignedDecision" value="O" />
  172. <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>
  173. <div id="addotheraudit" hidden>
  174. <div>
  175. <div id="jsGrid3"></div>
  176. </div>
  177. <br />
  178. <div class="col-md-12">
  179. <div class="form-group">
  180. <label class="col-sm-1 wright" for="input-Default"><span data-i18n="common.Toolbar_Add">新增</span></label>
  181. <div class="col-sm-1">
  182. <span><img src="../../images/flow1.gif" align="middle"><a href="javascript:void(0)" data-id="flow1" class="flowlink3" data-i18n="common.flow1">串簽</a></span>
  183. </div>
  184. <div class="col-sm-1">
  185. <span><img src="../../images/flow2.gif" align="middle"><a href="javascript:void(0)" data-id="flow2" class="flowlink3" data-i18n="common.flow2">會辦</a></span>
  186. </div>
  187. <div class="col-sm-1">
  188. <span><img src="../../images/flow3.gif" align="middle"><a href="javascript:void(0)" data-id="flow3" class="flowlink3" data-i18n="common.flow3">擇辦</a></span>
  189. </div>
  190. <div class="col-sm-1">
  191. <span><img src="../../images/flow4.gif" align="middle"><a href="javascript:void(0)" data-id="flow4" class="flowlink3" data-i18n="common.flow4">通知</a></span>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. <div class="form-group">
  199. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.SignedOpinion">簽核意見</span></label>
  200. <div class="col-sm-8">
  201. <textarea name="SignedOpinion" id="SignedOpinion" class="form-control" rows="5" cols="20"></textarea>
  202. </div>
  203. </div>
  204. <div class="form-group">
  205. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FileUpload">附件上傳</span></label>
  206. <div class="col-sm-8 file-list">
  207. <input type="file" class="displayNone" name="files[]" id="fileInput1" multiple>
  208. </div>
  209. </div>
  210. <div class="form-group">
  211. <div class="col-sm-12 wcenter">
  212. <button type="button" class="btn-custom blue submitdecision" data-id="Signed" data-i18n="common.SubmitDecision">提交決定</button>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. </fieldset>
  218. <fieldset id="IsHandler" hidden>
  219. <legend data-i18n="common.HandleDecision">簽辦決定</legend>
  220. <div class="row">
  221. <div class="col-md-12">
  222. <div class="form-group">
  223. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.HandleDecision">簽核決定</span></label>
  224. <div class="col-sm-8">
  225. <input id="HandleDecision_0" type="radio" name="HandleDecision" value="Y" checked="checked" />
  226. <label for="HandleDecision_0" data-i18n="common.HandleDecision_1">同意經辦</label><br />
  227. <input id="HandleDecision_1" type="radio" name="HandleDecision" value="O" />
  228. <label for="HandleDecision_1" data-i18n="common.HandleDecision_2">所需簽核成員不足,轉呈此簽文至其它主管</label>
  229. <div id="addotherhandle" hidden>
  230. <div>
  231. <div id="jsGrid4"></div>
  232. </div>
  233. <br />
  234. <div class="col-md-12">
  235. <div class="form-group">
  236. <label class="col-sm-1 wright" for="input-Default"><span data-i18n="common.Toolbar_Add">新增</span></label>
  237. <div class="col-sm-1">
  238. <span><img src="../../images/flow1.gif" align="middle"><a href="javascript:void(0)" data-id="flow1" class="flowlink4" data-i18n="common.flow1">串簽</a></span>
  239. </div>
  240. <div class="col-sm-1">
  241. <span><img src="../../images/flow2.gif" align="middle"><a href="javascript:void(0)" data-id="flow2" class="flowlink4" data-i18n="common.flow2">會辦</a></span>
  242. </div>
  243. <div class="col-sm-1">
  244. <span><img src="../../images/flow3.gif" align="middle"><a href="javascript:void(0)" data-id="flow3" class="flowlink4" data-i18n="common.flow3">擇辦</a></span>
  245. </div>
  246. <div class="col-sm-1">
  247. <span><img src="../../images/flow4.gif" align="middle"><a href="javascript:void(0)" data-id="flow4" class="flowlink4" data-i18n="common.flow4">通知</a></span>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. <div class="form-group">
  255. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.HnadleOpinion">簽辦意見</span></label>
  256. <div class="col-sm-8">
  257. <textarea name="HnadleOpinion" id="HnadleOpinion" class="form-control" rows="5" cols="20"></textarea>
  258. </div>
  259. </div>
  260. <div class="form-group">
  261. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FileUpload">附件上傳</span></label>
  262. <div class="col-sm-8 file-list">
  263. <input type="file" class="displayNone" name="files[]" id="fileInput2" multiple>
  264. </div>
  265. </div>
  266. <div class="form-group">
  267. <div class="col-sm-12 wcenter">
  268. <button type="button" class="btn-custom blue submitdecision" data-id="Handle" data-i18n="common.SubmitDecision">提交決定</button>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. </fieldset>
  274. </form>
  275. </div>
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. </body>
  281. </html>
  282. <script src="/Scripts/loadjs.min.js"></script>
  283. <script src="/Scripts/JSLoader.js?v=20180801"></script>
  284. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  285. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  286. <script src="/Scripts/pages/Eip/TravelExpenseReport_View.js?v=20180801"></script>