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.

239 lines
18 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_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/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
  14. <link href="/Scripts/plugins/line-icons/simple-line-icons.css" rel="stylesheet" type="text/css" />
  15. <link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
  16. <link href="/Scripts/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
  17. <link href="/Scripts/3rd/datetimepicker-addon/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />
  18. <link href="/Scripts/3rd/daterangepicker/css/daterangepicker.css" rel="stylesheet" />
  19. <link href="/Scripts/3rd/jquery.filer/jquery.filer.css" rel="stylesheet" />
  20. <link href="/Scripts/3rd/jquery.filer/jquery.filer-dragdropbox-theme.css" rel="stylesheet" />
  21. <link href="/Scripts/3rd/jquery.filer/file.theme.list.css" rel="stylesheet" />
  22. <link href="/Scripts/3rd/jGrid/jsgrid.min.css" rel="stylesheet" />
  23. <link href="/Scripts/3rd/jGrid/jsgrid-theme.min.css" rel="stylesheet" />
  24. <link href="/Scripts/3rd/select2/css/select2.min.css" rel="stylesheet" />
  25. <link href="/Content/modern.min.css" rel="stylesheet" />
  26. <link href="/Content/custom.min.css" rel="stylesheet" type="text/css" />
  27. <link href="/Content/themes/red.css" rel="stylesheet" type="text/css" />
  28. <link href="/Content/style2.0.css" rel="stylesheet" type="text/css" />
  29. <style>
  30. .AskTheDummy {
  31. padding-top: 6px;
  32. }
  33. .file-list .jFiler-input-dragDrop {
  34. margin-left: 0;
  35. width: 60px;
  36. height: 50px;
  37. font-size: 23px;
  38. }
  39. .file-list .jFiler-input-dragDrop:hover {
  40. margin-left: 0;
  41. width: 60px;
  42. height: 50px;
  43. font-size: 23px;
  44. border-color: #225067;
  45. color: #225067;
  46. cursor: pointer;
  47. }
  48. .jsgrid-cell {
  49. padding: 0.5em 0.2em;
  50. }
  51. </style>
  52. </head>
  53. <body>
  54. <div class="page-inner">
  55. <div class="page-title">
  56. </div>
  57. <div id="Toolbar">
  58. </div>
  59. <div id="main-wrapper">
  60. <div class="row">
  61. <div class="panel-info">
  62. <div class="panel-body">
  63. <form id="form_main" class="form-horizontal">
  64. <div class="form-group">
  65. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.SignedNumber">簽呈編號</span></label>
  66. <div class="col-sm-3">
  67. <input type="text" class="form-control w100p" name="SignedNumber" id="SignedNumber" disabled maxlength="20" placeholderid="common.AutomaticCoding" placeholder="自動編碼">
  68. </div>
  69. </div>
  70. <div class="form-group">
  71. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.KeyNote">簽核主旨</span></label>
  72. <div class="col-sm-8">
  73. <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="簽核主旨">
  74. </div>
  75. </div>
  76. <div class="form-group">
  77. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Important">重要性</span></label>
  78. <div class="col-sm-3">
  79. <input id="Important_0" type="radio" name="Important" value="3" />
  80. <label for="Important_0" data-i18n="common.Important_3">很重要</label>
  81. <input id="Important_1" type="radio" name="Important" value="2" />
  82. <label for="Important_1" data-i18n="common.Important_2">重要</label>
  83. <input id="Important_2" type="radio" name="Important" value="1" checked="checked" />
  84. <label for="Important_2" data-i18n="common.Important_1">普通</label>
  85. </div>
  86. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.CrosssignTurn">轉呈</span></label>
  87. <div class="col-sm-3">
  88. <input id="CrosssignTurn_1" type="radio" name="CrosssignTurn" value="Y" checked="checked" />
  89. <label for="CrosssignTurn_1" data-i18n="common.CrosssignTurn_2">簽核者可直接轉呈給他人簽核</label>
  90. <input id="CrosssignTurn_2" type="radio" name="CrosssignTurn" value="N" />
  91. <label for="CrosssignTurn_2" data-i18n="common.CrosssignTurn_1">簽核者不可轉呈給他人簽核</label>
  92. </div>
  93. </div>
  94. <div class="form-group">
  95. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Applicant">申請人</span></label>
  96. <div class="col-sm-3 Applicant">
  97. </div>
  98. <input type="hidden" id="Applicant" name="Applicant">
  99. </div>
  100. <div class="form-group">
  101. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FileUpload">附件上傳</span></label>
  102. <div class="col-sm-8 file-list">
  103. <input type="file" class="displayNone" name="files[]" id="fileInput" multiple>
  104. </div>
  105. </div>
  106. <hr>
  107. <div class="form-group">
  108. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.TravelPlace">出差地點</span></label>
  109. <div class="col-sm-3">
  110. <input type="text" class="form-control w100p" name="TravelPlace" id="TravelPlace" maxlength="200" required data-msg="common.TravelPlace_required" datamsg="請輸入出差地點">
  111. </div>
  112. <label class="col-sm-2 control-label"><span data-i18n="common.TravelDate">出差日期</span></label>
  113. <div class="col-sm-3">
  114. <input type="text" class="form-control w100p daterange-picker" name="TravelDate" id="TravelDate" maxlength="23" required data-msg="common.TravelDate_required" datamsg="請輸入出差日期">
  115. </div>
  116. </div>
  117. <div class="form-group">
  118. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.ExhibitionName">展覽名稱</span></label>
  119. <div class="col-sm-8">
  120. <select class="form-control w100p" id="ExhibitionNO" name="ExhibitionNO" data-type="select2" required data-msg="common.Exhibitioname_TW_required" datamsg="請輸入活動/展覽名稱"></select>
  121. </div>
  122. </div>
  123. <div class="form-group">
  124. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.FeeItems">費用項目</span></label>
  125. <div class="col-sm-8">
  126. <div id="jsGrid1"></div>
  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.FeeSum">費用加總</span></label>
  131. <div class="col-sm-8">
  132. <div class="form-group">
  133. <label class="col-sm-1 w6p control-label wright" for="input-Default"><span data-i18n="common.TaiwanDollar">台幣</span></label>
  134. <div class="col-sm-1 show-text">
  135. TWD
  136. </div>
  137. <label class="col-sm-1 w6p control-label wright" for="input-Default"><span>TOTAL</span></label>
  138. <div class="col-sm-1 w12p">
  139. <input type="text" class="form-control w100p wright" name="TravelFeeInfo[Total]" id="TravelFeeInfo_Total" maxlength="20" data-type="int" data-name="int" disabled>
  140. </div>
  141. <label class="col-sm-1 w9p control-label wright" for="input-Default"><span data-i18n="common.CompanyAdvance">公司預支</span></label>
  142. <div class="col-sm-1 w12p">
  143. <input type="text" class="form-control w100p wright" name="TravelFeeInfo[CompanyAdvance]" id="TravelFeeInfo_CompanyAdvance" value="0" maxlength="20" data-type="int" data-name="int">
  144. </div>
  145. <label class="col-sm-1 w9p control-label wright" for="input-Default"><span data-i18n="common.CompanyCope">公司應付</span></label>
  146. <div class="col-sm-1 w12p">
  147. <input type="text" class="form-control w100p wright" name="TravelFeeInfo[CompanyCope]" id="TravelFeeInfo_CompanyCope" value="0" maxlength="20" data-type="int" data-name="int" disabled>
  148. </div>
  149. <label class="col-sm-1 w10p control-label wright" for="input-Default"><span data-i18n="common.Sum">總計</span>(TWD):</label>
  150. <div class="col-sm-1 w15p">
  151. <input type="text" class="form-control w100p wright" name="TravelFeeInfo[Sum]" id="TravelFeeInfo_Sum" maxlength="20" data-type="int" data-name="int" disabled>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. <hr>
  157. <div class="form-group">
  158. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.CheckOrder">簽核順序</span></label>
  159. <div class="col-sm-8">
  160. <select class="form-control w100p" name="FlowId" id="FlowId" required data-msg="common.CheckFlows_required" datamsg="請選則簽核流程"></select>
  161. </div>
  162. </div>
  163. <div class="form-group">
  164. <label class="col-sm-2 control-label wright" for="input-Default"><span></span></label>
  165. <div class="col-sm-8">
  166. <div>
  167. <div id="jsGrid"></div>
  168. </div>
  169. <br />
  170. <div class="col-md-12 checkordertoolbox" hidden>
  171. <div class="form-group">
  172. <label class="col-sm-1 wright" for="input-Default"><span data-i18n="common.Toolbar_Add">新增</span></label>
  173. <div class="col-sm-1">
  174. <span><img src="../../images/flow1.gif" align="middle"><a href="javascript:void(0)" id="flow1" class="flowlink" data-i18n="common.flow1">串簽</a></span>
  175. </div>
  176. <div class="col-sm-1">
  177. <span><img src="../../images/flow2.gif" align="middle"><a href="javascript:void(0)" id="flow2" class="flowlink" data-i18n="common.flow2">會辦</a></span>
  178. </div>
  179. <div class="col-sm-1">
  180. <span><img src="../../images/flow3.gif" align="middle"><a href="javascript:void(0)" id="flow3" class="flowlink" data-i18n="common.flow3">擇辦</a></span>
  181. </div>
  182. <div class="col-sm-1">
  183. <span><img src="../../images/flow4.gif" align="middle"><a href="javascript:void(0)" id="flow4" class="flowlink" data-i18n="common.flow4">通知</a></span>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. <div class="form-group">
  190. <label class="col-sm-2 control-label wright" for="input-Default"><b class="t-red">*</b><span data-i18n="common.Handle_Person">經辦人</span></label>
  191. <div class="col-sm-3">
  192. <select class="form-control w100p" name="Handle_DeptID" id="Handle_DeptID" data-msg="common.Handle_DeptID_required" datamsg="請選擇經辦部門"></select>
  193. </div>
  194. <div class="col-sm-3">
  195. <select class="form-control w100p" name="Handle_Person" id="Handle_Person" required data-msg="common.Handle_Person_required" datamsg="請選擇經辦人"></select>
  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.Memo">備註</span></label>
  200. <div class="col-sm-8">
  201. <textarea name="Memo" id="Memo" 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"><span data-i18n="common.CreateUser">創建人</span></label>
  206. <div class="col-sm-3">
  207. <div class="form-control-static" name="CreateUser" id="CreateUser" data-source="members.MemberID.MemberName"></div>
  208. </div>
  209. <label class="col-sm-2 control-label"><span data-i18n="common.CreateDate">創建時間</span></label>
  210. <div class="col-sm-3">
  211. <div class="form-control-static" name="CreateDate" id="CreateDate"></div>
  212. </div>
  213. </div>
  214. <div class="form-group">
  215. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyUser">最新修改人</span></label>
  216. <div class="col-sm-3">
  217. <div class="form-control-static" name="ModifyUser" id="ModifyUser" data-source="members.MemberID.MemberName"></div>
  218. </div>
  219. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyDate">最新修改時間</span></label>
  220. <div class="col-sm-3">
  221. <div class="form-control-static" name="ModifyDate" id="ModifyDate"></div>
  222. </div>
  223. </div>
  224. </form>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. </div>
  230. </body>
  231. </html>
  232. <script src="/Scripts/loadjs.min.js"></script>
  233. <script src="/Scripts/JSLoader.js?v=20180801"></script>
  234. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  235. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  236. <script src="/Scripts/pages/Eip/TravelExpenseReport_Upd.js?v=20180801"></script>