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.

941 lines
87 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.OtherBusiness_Upd">其他編輯</title>
  10. <link href="/Content/googleapis.css" rel="stylesheet" type='text/css' />
  11. <link href="/Scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  12. <link href="/Scripts/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css" />
  13. <link href="/Scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  14. <link href="/Scripts/3rd/datetimepicker-addon/jquery-ui-timepicker-addon.min.css" rel="stylesheet" />
  15. <link href="/Scripts/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
  16. <link href="/Scripts/plugins/line-icons/simple-line-icons.css" rel="stylesheet" />
  17. <link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
  18. <link href="/Scripts/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
  19. <link href="/Scripts/3rd/jquery.toolbar/jquery.toolbar.css" rel="stylesheet" />
  20. <link href="/Scripts/3rd/select2/css/select2.min.css" rel="stylesheet" />
  21. <link href="/Scripts/3rd/quickQuery/jquery.autocompleter.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/jquery.filer/jquery.filer.css" rel="stylesheet" />
  25. <link href="/Scripts/3rd/jquery.filer/jquery.filer-dragdropbox-theme.css" rel="stylesheet" />
  26. <link href="/Content/modern.min.css" rel="stylesheet" />
  27. <link href="/Content/themes/red.css" rel="stylesheet" type="text/css" />
  28. <link href="/Content/custom.css" rel="stylesheet" type="text/css" />
  29. <link href="/Content/style2.0.css" rel="stylesheet" type="text/css" />
  30. <link href="/Scripts/plugins/vanillaSelectBox-master/vanillaSelectBox.css" rel="stylesheet">
  31. <script src="/Scripts/plugins/vanillaSelectBox-master/vanillaSelectBox.js"></script>
  32. <style>
  33. .bill-status {
  34. font-size: 20px;
  35. color: blue;
  36. font-weight: bold;
  37. }
  38. .panel-body {
  39. padding: 0 0 5px 5px !important;
  40. }
  41. .table-bordered tbody tr:hover {
  42. background-color: #c4e2ff;
  43. }
  44. .table-bordered thead tr th {
  45. word-break: keep-all;
  46. }
  47. .table-bordered tbody tr td:last-child {
  48. width: 10%;
  49. }
  50. .warnning-tips {
  51. color: red;
  52. font-size: 20px;
  53. }
  54. #litab2 {
  55. background: #f5eb82;
  56. }
  57. #litab3 {
  58. background: #a7fbb3;
  59. }
  60. .notpass-reason-box {
  61. font-size: 14px;
  62. }
  63. .notpass-reason-text {
  64. margin-top: 5px;
  65. text-align: left !important;
  66. }
  67. </style>
  68. </head>
  69. <body>
  70. <div class="page-inner">
  71. <div class="page-title">
  72. </div>
  73. <div id="Toolbar">
  74. </div>
  75. <div id="main-wrapper">
  76. <!--主作業區 Start-->
  77. <div class="row">
  78. <div class="panel-info">
  79. <div class="panel-body">
  80. <form id="form_main" class="form-horizontal">
  81. <div role="tabpanel" id="tabs">
  82. <!-- 頁籖按鈕 Start-->
  83. <ul class="nav nav-tabs" role="tablist">
  84. <li role="presentation" id="litab1" class="active">
  85. <a href="#tab1" role="tab" data-toggle="tab" data-i18n="common.BasicInformation">基本資料</a>
  86. </li>
  87. <li role="presentation" id="litab2">
  88. <a href="#tab2" role="tab" data-toggle="tab" data-i18n="common.QuoteAndPreCost">報價/預估成本</a>
  89. </li>
  90. <li role="presentation" id="litab3">
  91. <a href="#tab3" role="tab" data-toggle="tab" data-i18n="common.ActualCost">實際成本</a>
  92. </li>
  93. </ul>
  94. <!-- 頁籖按鈕 End-->
  95. <!-- 頁籖內容 Tab panes Start -->
  96. <div class="tab-content">
  97. <div role="tabpanel" class="tab-pane active" id="tab1">
  98. <div class="form-group voidreason" hidden>
  99. <label class="col-sm-2 control-label t-red"><span data-i18n="common.Void">作廢原因</span></label>
  100. <div class="col-sm-8 t-red">
  101. <div id="VoidReason"></div>
  102. </div>
  103. </div>
  104. <hr class="voidreason" hidden />
  105. <div class="form-group">
  106. <label class="col-sm-1 control-label"><b class="t-red">*</b><span data-i18n="ExhibitionImport_Upd.ResponsiblePerson">負責業務</span></label>
  107. <div class="col-sm-2">
  108. <select class="form-control w100p" id="ResponsiblePerson" name="ResponsiblePerson" data-type="select2" required data-msg="ExhibitionImport_Upd.ResponsiblePerson_required" datamsg="請選擇負責業務"></select>
  109. </div>
  110. </div>
  111. <hr />
  112. <div class="form-group">
  113. <label class="col-sm-1 control-label"><b class="t-red">*</b><span data-i18n="ExhibitionImport_Upd.ExportBillName">展覽名稱</span></label>
  114. <div class="col-sm-2">
  115. <select class="form-control w100p" id="ExhibitionNO" name="ExhibitionNO" data-type="select2" required data-msg="ExhibitionImport_Upd.ImportBillName_required" datamsg="請輸入活動/展覽名稱"></select>
  116. </div>
  117. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.ImportBillEName">英文展名</span></label>
  118. <div class="col-sm-2">
  119. <input type="text" class="form-control w100p" name="ImportBillEName" id="ImportBillEName" maxlength="500" readonly placeholderid="ExhibitionImport_Upd.Instruction_ImportBillEName" placeholder="">
  120. </div>
  121. <label class="col-sm-1 control-label"><span data-i18n="common.DateStartAndEnd">展覽日期起訖</span></label>
  122. <div class="col-sm-1 specialcol_r">
  123. <input type="text" class="form-control w100p date" name="ExhibitionDateStart" id="ExhibitionDateStart" maxlength="10" data-msg="ExhibitionImport_Upd.ExhibitionDateStart_required" datamsg="請選擇活動日期起">
  124. </div>
  125. <span class="col-sm-1 connector">~</span>
  126. <div class="col-sm-1 specialcol_l">
  127. <input type="text" class="form-control w100p date" name="ExhibitionDateEnd" id="ExhibitionDateEnd" maxlength="10" data-msg-compardate="common.ComparDate" datamsgcompardate="日期訖不能小於日期起" data-rule-compardate="compardate" data-msg-required="ExhibitionImport_Upd.ExhibitionDateEnd_required" datamsgrequired="請選擇活動日期訖">
  128. </div>
  129. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.HallMuseumMumber">館別</span></label>
  130. <div class="col-sm-1 specialcol_r">
  131. <select class="form-control w100p" id="Hall" name="Hall"></select>
  132. </div>
  133. <span class="col-sm-1 connector">/</span>
  134. <div class="col-sm-1 specialcol_l">
  135. <input type="text" class="form-control w100p" name="MuseumMumber" id="MuseumMumber" maxlength="10" placeholderid="ExhibitionImport_Upd.Instruction_MuseumMumber" placeholder="">
  136. </div>
  137. </div>
  138. <div class="form-group supplier-box">
  139. <label class="col-sm-1 control-label"><b class="t-red">*</b><span data-i18n="ExhibitionImport_Upd.Supplier">客戶/參展廠商</span></label>
  140. <div class="col-sm-2">
  141. <select class="form-control w100p" id="Supplier" name="Supplier" data-type="select2" required data-msg="ExhibitionImport_Upd.Supplier_required" datamsg="請輸入客戶/參展廠商"></select>
  142. </div>
  143. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.Contactor">聯絡人</span></label>
  144. <div class="col-sm-2">
  145. <select class="form-control w100p" id="Contactor" name="Contactor"></select>
  146. </div>
  147. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.Telephone">電話/手機</span></label>
  148. <div class="col-sm-2">
  149. <input type="text" class="form-control w100p" name="Telephone" id="Telephone" maxlength="20" data-keytelno="Y" placeholderid="ExhibitionImport_Upd.Instruction_Telephone" placeholder="">
  150. </div>
  151. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.SupplierEamil">客戶/參展廠商Eamil</span></label>
  152. <div class="col-sm-2">
  153. <input type="text" class="form-control w100p" name="SupplierEamil" id="SupplierEamil" maxlength="500" placeholderid="ExhibitionImport_Upd.Instruction_SupplierEamil" placeholder="">
  154. </div>
  155. </div>
  156. <div class="form-group">
  157. <label class="col-sm-1 control-label"><b class="t-red" hidden>*</b><span data-i18n="ExhibitionImport_Upd.Agent">代理商</span></label>
  158. <div class="col-sm-2">
  159. <select class="form-control w100p" id="Agent" name="Agent" data-type="select2" data-msg="common.Agent_required" datamsg="請選擇客戶代理"></select>
  160. </div>
  161. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.AgentContactor">代理聯絡人</span></label>
  162. <div class="col-sm-2">
  163. <select class="form-control w100p" id="AgentContactor" name="AgentContactor"></select>
  164. </div>
  165. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.AgentTelephone">電話/手機</span></label>
  166. <div class="col-sm-2">
  167. <input type="text" class="form-control w100p" name="AgentTelephone" id="AgentTelephone" maxlength="50" data-keytelno="Y" placeholderid="ExhibitionImport_Upd.Instruction_AgentTelephone" placeholder="">
  168. </div>
  169. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.AgentEmail">代理商Email</span></label>
  170. <div class="col-sm-2">
  171. <input type="text" class="form-control w100p" name="AgentEmail" id="AgentEmail" maxlength="500" placeholderid="ExhibitionImport_Upd.Instruction_AgentEmail" placeholder="">
  172. </div>
  173. </div>
  174. <hr />
  175. <div class="form-group">
  176. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.ImportPerson">进口人</span></label>
  177. <div class="col-sm-2">
  178. <select class="form-control w100p" id="ImportPerson" name="ImportPerson" data-type="select2"></select>
  179. </div>
  180. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.DeclarationClass">報關類別</span></label>
  181. <div class="col-sm-2">
  182. <select class="form-control w100p" id="DeclarationClass" name="DeclarationClass" data-msg="ExhibitionImport_Upd.DeclarationClass_required" datamsg="請選擇報關類別"></select>
  183. </div>
  184. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.ImportDeclarationNO">進口報單號碼</span></label>
  185. <div class="col-sm-2">
  186. <input type="text" class="form-control w100p" name="ImportDeclarationNO" id="ImportDeclarationNO" maxlength="20" data-msg="ExhibitionImport_Upd.ImportDeclarationNO_required" datamsg="請輸入進口報單號碼" placeholderid="ExhibitionImport_Upd.Instruction_ImportDeclarationNO" placeholder="">
  187. </div>
  188. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.CustomsClearance">通關方式</span></label>
  189. <div class="col-sm-2">
  190. <select class="form-control w100p" name="CustomsClearance" id="CustomsClearance"></select>
  191. </div>
  192. </div>
  193. <div class="form-group">
  194. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.BillLadNO">提單號碼</span></label>
  195. <div class="col-sm-2">
  196. <input type="text" class="form-control w100p" name="BillLadNO" id="BillLadNO" maxlength="20" data-msg="ExhibitionImport_Upd.BillLadNO_required" datamsg="請輸入提單編號" placeholderid="ExhibitionImport_Upd.Instruction_BillLadNO" placeholder="">
  197. </div>
  198. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.BillLadNOSub">分提單號碼</span></label>
  199. <div class="col-sm-2">
  200. <input type="text" class="form-control w100p" name="BillLadNOSub" id="BillLadNOSub" maxlength="100" placeholderid="ExhibitionImport_Upd.Instruction_BillLadNOSub" placeholder="">
  201. </div>
  202. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.TransportationMode">運送方式</span></label>
  203. <div class="col-sm-2">
  204. <select class="form-control w100p" name="TransportationMode" id="TransportationMode" data-msg="common.TransportationMode_required" datamsg="請選擇運送方式"></select>
  205. </div>
  206. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.ShipAndVoyage">船名航次</span></label>
  207. <div class="col-sm-2">
  208. <input type="text" class="form-control w100p" name="ShipAndVoyage" id="ShipAndVoyage" maxlength="50" placeholderid="ExhibitionImport_Upd.Instruction_ShipAndVoyage" placeholder="">
  209. </div>
  210. </div>
  211. <div class="form-group">
  212. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.ShipmentPort">起運地</span></label>
  213. <div class="col-sm-1 specialcol_r">
  214. <input type="text" class="form-control w100p quickquery-city" name="ShipmentPortCode" id="ShipmentPortCode" maxlength="10" placeholderid="common.CityCodeInput" placeholder="請填入城市碼">
  215. </div>
  216. <span class="col-sm-1 connector">-</span>
  217. <div class="col-sm-1 specialcol_l">
  218. <input type="text" class="form-control w100p" name="ShipmentPort" id="ShipmentPort" maxlength="50" placeholderid="common.CityNameInput" placeholder="自動帶出名稱">
  219. </div>
  220. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.DestinationPort">目的地</span></label>
  221. <div class="col-sm-1 specialcol_r">
  222. <input type="text" class="form-control w100p quickquery-city" name="DestinationPortCode" id="DestinationPortCode" maxlength="10" placeholderid="common.CityCodeInput" placeholder="請填入城市碼">
  223. </div>
  224. <span class="col-sm-1 connector">-</span>
  225. <div class="col-sm-1 specialcol_l">
  226. <input type="text" class="form-control w100p" name="DestinationPort" id="DestinationPort" maxlength="50" placeholderid="common.CityNameInput" placeholder="自動帶出名稱">
  227. </div>
  228. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.ArrivalTime">預計抵達時間</span></label>
  229. <div class="col-sm-2">
  230. <input type="text" class="form-control w100p datetime-picker" name="ArrivalTime" id="ArrivalTime" maxlength="16" placeholderid="ExhibitionImport_Upd.Instruction_ArrivalTime" placeholder="">
  231. </div>
  232. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.StoragePlace">貨物儲放倉庫</span></label>
  233. <div class="col-sm-2">
  234. <input type="text" class="form-control w100p" name="StoragePlace" id="StoragePlace" maxlength="50" placeholderid="ExhibitionImport_Upd.Instruction_StoragePlace" placeholder="">
  235. </div>
  236. </div>
  237. <div class="form-group">
  238. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.BoxNo">件數</span></label>
  239. <div class="col-sm-1 specialcol_r">
  240. <input type="text" class="form-control w100p" name="BoxNo" id="BoxNo" data-keyint='Y' maxlength="20" placeholderid="ExhibitionImport_Upd.Instruction_BoxNo" placeholder="">
  241. </div>
  242. <span class="col-sm-1 connector">/</span>
  243. <div class="col-sm-1 specialcol_l">
  244. <input type="text" class="form-control w100p" name="Unit" id="Unit" maxlength="10" onchange="fnKeyUnit(this);" placeholderid="common.UnitInput" placeholder="件數單位">
  245. </div>
  246. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.Weight">重量</span></label>
  247. <div class="col-sm-2">
  248. <div class="input-group input-append">
  249. <input type="text" class="form-control w100p" name="Weight" id="Weight" data-keyintp3='Y' maxlength="20" placeholderid="ExhibitionImport_Upd.Instruction_Weight" placeholder="">
  250. <span class="input-group-addon cusgroup-addon">
  251. KG
  252. </span>
  253. </div>
  254. </div>
  255. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.Volume">材積(CBM)</span></label>
  256. <div class="col-sm-2">
  257. <div class="input-group input-append">
  258. <input type="text" class="form-control w100p" name="Volume" id="Volume" data-keyintp2="Y" maxlength="50" placeholderid="ExhibitionImport_Upd.Instruction_Volume" placeholder="">
  259. <span class="input-group-addon cusgroup-addon">
  260. CBM
  261. </span>
  262. </div>
  263. </div>
  264. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.VolumeWeight">材積重(C.W.)</span></label>
  265. <div class="col-sm-2">
  266. <div class="input-group input-append">
  267. <input type="text" class="form-control w100p" name="VolumeWeight" id="VolumeWeight" data-keyintp2="Y" maxlength="50" placeholderid="ExhibitionImport_Upd.Instruction_VolumeWeight" placeholder="">
  268. <span class="input-group-addon cusgroup-addon">
  269. KG
  270. </span>
  271. </div>
  272. </div>
  273. </div>
  274. <div class="form-group">
  275. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.ContainerNumber">貨櫃號碼</span></label>
  276. <div class="col-sm-2">
  277. <input type="text" class="form-control w100p" name="ContainerNumber" id="ContainerNumber" maxlength="1000" placeholderid="ExhibitionImport_Upd.Instruction_ContainerNumber" placeholder="">
  278. </div>
  279. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.FreePeriod">免費期</span></label>
  280. <div class="col-sm-2">
  281. <input type="text" class="form-control date-picker w100p" name="FreePeriod" id="FreePeriod" maxlength="10" placeholderid="ExhibitionImport_Upd.Instruction_FreePeriod" placeholder="">
  282. </div>
  283. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.GoodsType">貨型</span></label>
  284. <div class="col-sm-2">
  285. <input type="text" class="form-control w100p" name="GoodsType" id="GoodsType" maxlength="50" placeholderid="ExhibitionImport_Upd.Instruction_GoodsType" placeholder="">
  286. </div>
  287. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.Price">貨價</span></label>
  288. <div class="col-sm-2">
  289. <input type="text" class="form-control w100p" name="Price" id="Price" maxlength="30" placeholderid="ExhibitionImport_Upd.Instruction_Price" placeholder="">
  290. </div>
  291. </div>
  292. <div class="form-group">
  293. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.Size">尺寸</span></label>
  294. <div class="col-sm-11">
  295. <textarea name="Size" id="Size" class="form-control" rows="3" cols="20" placeholderid="ExhibitionImport_Upd.Instruction_Size" placeholder=""></textarea>
  296. </div>
  297. </div>
  298. <hr />
  299. <div class="form-group">
  300. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.SitiContactor">現場聯絡人</span></label>
  301. <div class="col-sm-2">
  302. <input type="text" class="form-control w100p" name="SitiContactor" id="SitiContactor" maxlength="50" placeholderid="ExhibitionImport_Upd.Instruction_SitiContactor" placeholder="請填寫奕達現場聯絡人姓名">
  303. </div>
  304. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.SitiTelephone">現場聯絡電話</span></label>
  305. <div class="col-sm-2">
  306. <input type="text" class="form-control w100p" name="SitiTelephone" id="SitiTelephone" maxlength="20" data-keytelno="Y" placeholderid="ExhibitionImport_Upd.Instruction_SitiTelephone" placeholder="">
  307. </div>
  308. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.ApproachTime">進場時間</span></label>
  309. <div class="col-sm-2">
  310. <input type="text" class="form-control date w100p" name="ApproachTime" id="ApproachTime" maxlength="16" placeholderid="ExhibitionImport_Upd.Instruction_ApproachTime" placeholder="">
  311. </div>
  312. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.ExitTime">退場時間</span></label>
  313. <div class="col-sm-2">
  314. <input type="text" class="form-control date w100p" name="ExitTime" id="ExitTime" maxlength="16" placeholderid="ExhibitionImport_Upd.Instruction_ExitTime" placeholder="">
  315. </div>
  316. </div>
  317. <div class="form-group">
  318. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.Memo">特別注意事項</span></label>
  319. <div class="col-sm-8">
  320. <textarea name="Memo" id="Memo" class="form-control" rows="5" cols="20"></textarea>
  321. </div>
  322. <label class="col-sm-1 control-label"><span data-i18n="ExhibitionImport_Upd.REF">REF#</span></label>
  323. <div class="col-sm-2">
  324. <input type="text" class="form-control w100p" name="REF" id="REF" maxlength="20" placeholderid="ExhibitionImport_Upd.Instruction_REF" placeholder="">
  325. </div>
  326. </div>
  327. <div class="form-group">
  328. <label class="col-sm-1 control-label"><span data-i18n="common.CreateUser">創建人</span></label>
  329. <div class="col-sm-2">
  330. <div class="form-control-static" name="CreateUser" id="CreateUser" data-source="members.MemberID.MemberName"></div>
  331. </div>
  332. <label class="col-sm-1 control-label"><span data-i18n="common.CreateDate">創建時間</span></label>
  333. <div class="col-sm-2">
  334. <div class="form-control-static" name="CreateDate" id="CreateDate"></div>
  335. </div>
  336. </div>
  337. <div class="form-group">
  338. <label class="col-sm-1 control-label"><span data-i18n="common.ModifyUser">最新修改人</span></label>
  339. <div class="col-sm-2">
  340. <div class="form-control-static" name="ModifyUser" id="ModifyUser" data-source="members.MemberID.MemberName"></div>
  341. </div>
  342. <label class="col-sm-1 control-label"><span data-i18n="common.ModifyDate">最新修改時間</span></label>
  343. <div class="col-sm-2">
  344. <div class="form-control-static" name="ModifyDate" id="ModifyDate"></div>
  345. </div>
  346. </div>
  347. </div>
  348. <div role="tabpanel" class="tab-pane" id="tab2">
  349. <div class="row">
  350. <fieldset>
  351. <legend data-i18n="common.Financial_QuoteAndPreCost">報價+預估成本</legend>
  352. <div class="quoteandprecost">
  353. <div class="col-md-12">
  354. <div class="panel panel-info financial">
  355. <div class="panel-heading col-md-2">
  356. <h3 class="panel-title wcenter nfloat" data-i18n="common.Financial_Quote">報價</h3>
  357. </div>
  358. <div class="col-md-4" style="z-index:10">
  359. <label class="col-sm-2 control-label w25p"><span data-i18n="common.QuotationOrBillingCurrency">報價/帳單幣別</span></label>
  360. <div class="col-sm-3">
  361. <select class="form-control w100p" data-type="select2" id="QuotationOrBillingCurrency" data-id="Currency"></select>
  362. </div>
  363. <label class="col-sm-2 control-label w20p"><span data-i18n="common.AccountingExchangeRate">匯率(會計用)</span></label>
  364. <div class="col-sm-3">
  365. <input type="text" class="form-control w100p" id="AccountingExchangeRate" maxlength="50" onkeyup="this.value = this.value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace(/^(\-)*(\d+)\.(\d\d\d).*$/, '$1$2.$3');">
  366. </div>
  367. </div>
  368. <div class="col-md-3">
  369. <div class="form-group t-red notpass-reason-box" hidden>
  370. <label class="col-sm-2 control-label"><span data-i18n="common.Reason">原因</span></label>
  371. <div class="col-sm-4">
  372. <div class="notpass-reason-text"></div>
  373. </div>
  374. </div>
  375. </div>
  376. <div class="col-md-1 wright">
  377. <div class="bill-status-box">
  378. <span data-i18n="common.Status">狀態</span><span class="bill-status"></span>
  379. </div>
  380. </div>
  381. <div class="col-md-2 wright" style="z-index:10">
  382. <button type="button" class="btn-custom blue submittoaudit" disabled id="estimated_submitaudit" data-i18n="common.Financial_SubmitAudit">提交審核</button>
  383. <button type="button" class="btn-custom blue alreadyaudit" disabled id="estimated_audit" data-i18n="common.Audit">審核</button>
  384. </div>
  385. <div class="panel-body" data-id="box_quote">
  386. <table class="table table-bordered">
  387. <thead>
  388. <tr>
  389. <th>#</th>
  390. <th data-i18n="common.Financial_Code">代號</th>
  391. <th data-i18n="common.Financial_CostStatement">費用說明</th>
  392. <th data-i18n="common.Financial_Currency">幣別</th>
  393. <th data-i18n="common.Financial_UnitPrice">單價</th>
  394. <th data-i18n="common.Financial_Number">數量</th>
  395. <th data-i18n="common.Financial_Unit">單位</th>
  396. <th data-i18n="common.Financial_Amount">金額</th>
  397. <th data-i18n="common.ExchangeRate">匯率</th>
  398. <th class="QuotationAmountTiltle" data-i18n="common.MainCurrencyNontaxedAmountV2">台幣金額</th><!--or 未稅金額:ForeignCurrencyNontaxedAmountV2-->
  399. <th data-i18n="common.Financial_TaxRate">稅率</th>
  400. <th data-i18n="common.Financial_Tax">稅額</th>
  401. <th data-i18n="common.Action">操作</th>
  402. </tr>
  403. </thead>
  404. <tbody data-id="quote-box"></tbody>
  405. </table>
  406. <div class="col-md-10">
  407. <div class="form-group QuotationForeignCurrency" style="display: none;">
  408. <label class="col-sm-1 control-label"><span class="QuotationForeignCurrencySubuntaxtotal" data-i18n="common.ForeignCurrencyNontaxedAmount">外幣未稅</span></label>
  409. <div class="col-sm-3">
  410. <input type="text" class="form-control w100p subtotal" value="0" data-type="money" readonly>
  411. </div>
  412. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Tax">稅額</span></label>
  413. <div class="col-sm-3">
  414. <input type="text" class="form-control w100p taxtotal" value="0" data-type="money" readonly>
  415. </div>
  416. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Total">總計</span></label>
  417. <div class="col-sm-3">
  418. <input type="text" class="form-control w100p boxtotal" value="0" data-type="money" readonly>
  419. </div>
  420. </div>
  421. <div class="form-group QuotationMainCurrency">
  422. <label class="col-sm-1 control-label"><span class="QuotationMainCurrencySubuntaxtotal" data-i18n="common.MainCurrencyNontaxedAmount">台幣未稅</span></label><!--or SG為: 人民幣幣未稅-->
  423. <div class="col-sm-3">
  424. <input type="text" class="form-control w100p msubtotal" value="0" data-type="money" readonly>
  425. </div>
  426. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Tax">稅額</span></label>
  427. <div class="col-sm-3">
  428. <input type="text" class="form-control w100p mtaxtotal" value="0" data-type="money" readonly>
  429. </div>
  430. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Total">總計</span></label>
  431. <div class="col-sm-3">
  432. <input type="text" class="form-control w100p mboxtotal" value="0" data-type="money" readonly>
  433. </div>
  434. </div>
  435. <div class="form-group">
  436. <label class="col-sm-1 control-label"><span data-i18n="common.Memo">備註</span></label>
  437. <div class="col-sm-11">
  438. <textarea name="Quote[Memo]" id="Quote_Memo" class="form-control col-md-8" rows="5" cols="20"></textarea>
  439. </div>
  440. </div>
  441. </div>
  442. <div class="col-md-2 wright">
  443. <button type="button" class="btn-custom importfeeitem blue" data-type="quote" title="匯入費用項目"><i class="glyphicon glyphicon-import"></i></button>
  444. <button type="button" class="btn-custom copyfeeitem blue" data-type="quote" title="複製費用項目"><i class="fa fa-copy"></i></button>
  445. <button type="button" class="btn-custom plusfeeitem blue" title="新增費用項目"><i class="fa fa-plus"></i></button>
  446. <button type="button" class="btn-custom plusfeeitemstar blue" title="批次新增&收藏"><i class="icon-star"></i></button>
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. <div class="col-md-12">
  452. <div class="panel panel-info financial">
  453. <div class="panel-heading col-md-2">
  454. <h3 class="panel-title wcenter nfloat" data-i18n="common.Financial_EstimatedCost">預估成本</h3>
  455. </div>
  456. <div class="col-md-8">
  457. </div>
  458. <div class="col-md-2 wright" style="z-index:10">
  459. <button type="button" class="btn-custom blue synquote" disabled id="estimated_synquote" data-i18n="common.SynQuote">同步報價</button>
  460. </div>
  461. <div class="panel-body">
  462. <table class="table table-bordered">
  463. <thead>
  464. <tr>
  465. <th class="w3p">#</th>
  466. <th data-i18n="common.Financial_Code">代號</th>
  467. <th data-i18n="common.Financial_CostStatement">費用說明</th>
  468. <th data-i18n="common.Financial_Currency">幣別</th>
  469. <th data-i18n="common.Financial_UnitPrice">單價</th>
  470. <th data-i18n="common.Financial_Number">數量</th>
  471. <th data-i18n="common.Financial_Unit">單位</th>
  472. <th data-i18n="common.Financial_Amount">金額</th>
  473. <th data-i18n="common.ExchangeRate">匯率</th>
  474. <th data-i18n="common.MainCurrencyNontaxedAmountV2">台幣金額</th><!--or 未稅金額:ForeignCurrencyNontaxedAmountV2-->
  475. <th data-i18n="common.Financial_TaxRate">稅率</th>
  476. <th data-i18n="common.Financial_Tax">稅額</th>
  477. <th data-i18n="common.Action">操作</th>
  478. </tr>
  479. </thead>
  480. <tbody data-id="estimatedcost-box"></tbody>
  481. </table>
  482. <div class="col-md-10">
  483. <div class="form-group">
  484. <label class="col-sm-1 control-label"><span data-i18n="common.MainCurrencyNontaxedAmount">台幣未稅</span></label>
  485. <div class="col-sm-3">
  486. <input type="text" class="form-control w100p subtotal" value="0" data-type="money" readonly>
  487. </div>
  488. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Tax">稅額</span></label>
  489. <div class="col-sm-3">
  490. <input type="text" class="form-control w100p taxtotal" value="0" data-type="money" readonly>
  491. </div>
  492. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Total">總計</span></label>
  493. <div class="col-sm-3">
  494. <input type="text" class="form-control w100p boxtotal" value="0" data-type="money" readonly>
  495. </div>
  496. </div>
  497. <div class="form-group">
  498. <label class="col-sm-1 control-label"><span data-i18n="common.Memo">備註</span></label>
  499. <div class="col-sm-11">
  500. <textarea name="EstimatedCost[Memo]" id="EstimatedCost_Memo" class="form-control col-md-8" rows="5" cols="20"></textarea>
  501. </div>
  502. </div>
  503. </div>
  504. <div class="col-md-2 wright">
  505. <button type="button" class="btn-custom importfeeitem blue" data-type="estimatedcost" title="匯入費用項目"><i class="glyphicon glyphicon-import"></i></button>
  506. <button type="button" class="btn-custom blue plusfeeitem" title="新增費用項目"><i class="fa fa-plus"></i></button>
  507. </div>
  508. </div>
  509. </div>
  510. </div>
  511. </div>
  512. </fieldset>
  513. </div>
  514. <div id="topshow_box" hidden>
  515. <div class="layui-layer layui-layer-dialog layui-layer-border layui-layer-msg layui-layer-hui layer-anim sum-box" style="z-index: 100; left: 15px; top:125px; width: 45%;">
  516. <div class="layui-layer-content">
  517. <label class="col-sm-3 control-label"><span data-i18n="common.Financial_EstimatedCost_NoTax">預估成本(未稅)</span></label>
  518. <div class="col-sm-3">
  519. <input type="text" class="form-control w100p estimatedcostsum" data-type="money" readonly value="0">
  520. </div>
  521. <label class="col-sm-3 control-label"><span data-i18n="common.BillAmount_NoTax">帳單金額(未稅)</span></label>
  522. <div class="col-sm-3">
  523. <input type="text" class="form-control w100p amountsum" data-type="money" readonly value="0">
  524. </div>
  525. </div>
  526. </div>
  527. </div>
  528. <div class="row bills-box">
  529. </div>
  530. <h5 />
  531. <div class="row bills-add" hidden>
  532. <div class="col-md-12 wcenter">
  533. <button type="button" class="btn-custom blue" id="bills_add" disabled data-i18n="common.Financial_AddBill">新增帳單</button>
  534. </div>
  535. </div>
  536. </div>
  537. <div role="tabpanel" class="tab-pane" id="tab3">
  538. <div class="row">
  539. <div id="warnning_tips" hidden>
  540. <div class="layui-layer layui-layer-dialog layui-layer-border layui-layer-msg layui-layer-hui layer-anim" style="position:absolute;z-index: 100; left: 33%; top:55px; width: 35%;background-color: rgba(219, 211, 211, 0.24);">
  541. <div class="layui-layer-content" style="padding:5px 20px;">
  542. <span class="warnning-tips" disabled data-i18n="common.Financial_Warnning_Tips">提示:實際成本已經大於預估成本</span>
  543. </div>
  544. </div>
  545. </div>
  546. </div>
  547. <div class="row">
  548. <div class="col-md-12">
  549. <div class="panel panel-info financial">
  550. <div class="panel-heading col-md-2">
  551. <h3 class="panel-title wcenter nfloat" data-i18n="common.Financial_EstimatedCost">預估成本</h3>
  552. </div>
  553. <div class="panel-body" data-id="box_estimated">
  554. <table class="table table-bordered">
  555. <thead>
  556. <tr>
  557. <th>#</th>
  558. <th data-i18n="common.Financial_Code">代號</th>
  559. <th data-i18n="common.Financial_CostStatement">費用說明</th>
  560. <th data-i18n="common.Financial_Currency">幣別</th>
  561. <th data-i18n="common.Financial_UnitPrice">單價</th>
  562. <th data-i18n="common.Financial_Number">數量</th>
  563. <th data-i18n="common.Financial_Unit">單位</th>
  564. <th data-i18n="common.Financial_Amount">金額</th>
  565. <th data-i18n="common.ExchangeRate">匯率</th>
  566. <th data-i18n="common.Financial_TWAmount">台幣金額</th>
  567. <th data-i18n="common.Financial_TaxRate">稅率</th>
  568. <th data-i18n="common.Financial_Tax">稅額</th>
  569. </tr>
  570. </thead>
  571. <tbody data-id="actualcost-pre-box"></tbody>
  572. </table>
  573. <div class="col-md-10">
  574. <div class="form-group">
  575. <label class="col-sm-1 control-label"><span data-i18n="common.MainCurrencyNontaxedAmount">台幣未稅</span></label>
  576. <div class="col-sm-3">
  577. <input type="text" class="form-control w100p subtotal" value="0" data-type="money" readonly>
  578. </div>
  579. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Tax">稅額</span></label>
  580. <div class="col-sm-3">
  581. <input type="text" class="form-control w100p taxtotal" value="0" data-type="money" readonly>
  582. </div>
  583. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Total">總計</span></label>
  584. <div class="col-sm-3">
  585. <input type="text" class="form-control w100p boxtotal" value="0" data-type="money" readonly>
  586. </div>
  587. </div>
  588. <div class="form-group">
  589. <label class="col-sm-1 control-label"><span data-i18n="common.Memo">備註</span></label>
  590. <div class="col-sm-11">
  591. <span class="span-text estimatedcost-memo"></span>
  592. </div>
  593. </div>
  594. </div>
  595. <div class="col-md-2 ">
  596. </div>
  597. </div>
  598. </div>
  599. </div>
  600. <div class="col-md-12">
  601. <div class="panel panel-info financial">
  602. <div class="panel-heading col-md-2">
  603. <h3 class="panel-title wcenter nfloat" data-i18n="common.ActualCost">實際成本</h3>
  604. </div>
  605. <div class="panel-body">
  606. <div class="layui-layer layui-layer-dialog layui-layer-border layui-layer-msg layui-layer-hui layer-anim topshowsum" style="position:absolute;z-index: 100; left: 29%; top:0; width: 45%;">
  607. <div class="layui-layer-content" style="padding:4px 20px;">
  608. <label class="col-sm-3 control-label"><span data-i18n="common.ActualCost_NoTax">實際成本(未稅)</span></label>
  609. <div class="col-sm-3">
  610. <input type="text" class="form-control w100p actualsum" data-type="money" readonly value="0">
  611. </div>
  612. <label class="col-sm-3 control-label"><span data-i18n="common.BillAmount_NoTax">帳單金額(未稅)</span></label>
  613. <div class="col-sm-3">
  614. <input type="text" class="form-control w100p amountsum" data-type="money" readonly value="0">
  615. </div>
  616. </div>
  617. </div>
  618. <table class="table table-bordered">
  619. <thead>
  620. <tr>
  621. <th>#</th>
  622. <th data-i18n="common.Financial_Code">代號</th>
  623. <th data-i18n="common.Financial_CostStatement">費用說明</th>
  624. <th data-i18n="common.Financial_Currency">幣別</th>
  625. <th data-i18n="common.Financial_UnitPrice">單價</th>
  626. <th data-i18n="common.Financial_Number">數量</th>
  627. <th data-i18n="common.Financial_Unit">單位</th>
  628. <th data-i18n="common.Financial_Amount">金額</th>
  629. <th data-i18n="common.ExchangeRate">匯率</th>
  630. <th data-i18n="common.Financial_TWAmount">台幣金額</th>
  631. <th data-i18n="common.Financial_TaxRate">稅率</th>
  632. <th data-i18n="common.Financial_Tax">稅額</th>
  633. <th data-i18n="common.Financial_AddBillPayer">帳單付款人信息</th>
  634. <th data-i18n="common.Action">操作</th>
  635. </tr>
  636. </thead>
  637. <tbody data-id="actualcost-box"></tbody>
  638. </table>
  639. <div class="col-md-10">
  640. <div class="form-group">
  641. <label class="col-sm-1 control-label"><span data-i18n="common.MainCurrencyNontaxedAmount">台幣未稅</span></label>
  642. <div class="col-sm-3">
  643. <input type="text" class="form-control w100p subtotal" value="0" data-type="money" readonly>
  644. </div>
  645. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Tax">稅額</span></label>
  646. <div class="col-sm-3">
  647. <input type="text" class="form-control w100p taxtotal" value="0" data-type="money" readonly>
  648. </div>
  649. <label class="col-sm-1 control-label"><span data-i18n="common.Financial_Total">總計</span></label>
  650. <div class="col-sm-3">
  651. <input type="text" class="form-control w100p boxtotal" value="0" data-type="money" readonly>
  652. </div>
  653. </div>
  654. <div class="form-group">
  655. <label class="col-sm-1 control-label"><span data-i18n="common.Memo">備註</span></label>
  656. <div class="col-sm-11">
  657. <textarea name="ActualCost[Memo]" id="ActualCost_Memo" class="form-control col-md-8" rows="5" cols="20"></textarea>
  658. </div>
  659. </div>
  660. </div>
  661. <div class="col-md-2 wcenter">
  662. <button type="button" class="btn-custom importfeeitem blue" data-type="actualcost" title="匯入費用項目"><i class="glyphicon glyphicon-import"></i></button>
  663. <button type="button" class="btn-custom blue plusfeeitem" title="新增費用項目"><i class="fa fa-plus"></i></button>
  664. </div>
  665. </div>
  666. </div>
  667. </div>
  668. </div>
  669. </div>
  670. </div>
  671. </div>
  672. </form>
  673. <input type="file" class="import-file hidden" name="file" id="importfile" />
  674. </div>
  675. </div>
  676. <!--主作業區 End-->
  677. </div>
  678. </div>
  679. </div>
  680. <script id="temp_billbox" type="text/x-jsrender">
  681. <fieldset>
  682. <legend><span data-i18n="common.Financial_DebitNote">帳單</span>{{:Index}}</legend>
  683. <div class="col-md-12 bill-box-{{:BillNO}}">
  684. <div class="panel panel-info financial">
  685. <div class="panel-body">
  686. <div class="row">
  687. <div class="col-md-8">
  688. <div class="form-group">
  689. <label class="col-sm-1 control-label w10p"><span data-i18n="common.Financial_BillNumber">帳單號碼</span></label>
  690. <div class="col-sm-2 w14p">
  691. <span class="span-text bill-no">{{:BillNO}}</span>
  692. </div>
  693. <label class="col-sm-1 control-label w10p"><span data-i18n="common.Financial_BillDate_Create">帳單創建日期</span></label>
  694. <div class="col-sm-2 w14p">
  695. <span class="span-text bill-createdate">{{:BillCreateDate}}</span>
  696. </div>
  697. <label class="col-sm-1 control-label w10p"><span data-i18n="common.Financial_BillDate_Check">帳單審核日期</span></label>
  698. <div class="col-sm-2 w14p">
  699. <span class="span-text bill-chewckdate">{{:BillCheckDate}}</span>
  700. </div>
  701. <label class="col-sm-1 control-label w10p"><b class="t-red">*</b><span data-i18n="ExhibitionImport_Upd.Payer">付款人</span>:</label>
  702. <div class="col-sm-2 w14p">
  703. <select class="form-control w100p input-value" data-id="Payer" data-type="select2" value="{{:Payer}}"></select>
  704. </div>
  705. </div>
  706. </div>
  707. <div class="col-md-4">
  708. <div class="form-group">
  709. <div class="col-sm-6">
  710. </div>
  711. <div class="col-sm-6">
  712. <div class="bill-status-box">
  713. <span data-i18n="common.Status">狀態</span><span class="bill-status"></span>
  714. </div>
  715. </div>
  716. </div>
  717. </div>
  718. </div>
  719. <div class="row">
  720. <div class="col-md-8">
  721. <div class="form-group">
  722. <div class="OnlyForAccounting">
  723. <label class="col-sm-1 control-label w10p"><span data-i18n="common.Financial_Bill_Currency">帳單幣別</span></label>
  724. <div class="col-sm-2 w14p">
  725. <select class="form-control w100p input-value" data-id="Currency"></select>
  726. </div>
  727. <label class="col-sm-1 control-label w10p"><span data-i18n="common.AccountingExchangeRate">匯率(會計用)</span></label>
  728. <div class="col-sm-2 w14p">
  729. <input type="text" class="form-control w100p input-value" data-id="ExchangeRate" maxlength="50" onkeyup="this.value = this.value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace(/^(\-)*(\d+)\.(\d\d\d).*$/, '$1$2.$3');">
  730. </div>
  731. </div>
  732. <label class="col-sm-1 control-label w10p"><span data-i18n="common.Contactor">聯絡人</span></label>
  733. <div class="col-sm-2 w14p">
  734. <select class="form-control w100p input-value" data-id="Contactor" data-type="select2"></select>
  735. </div>
  736. <label class="col-sm-1 control-label w10p"><span data-i18n="common.Telephone">聯絡電話/手機</span></label>
  737. <div class="col-sm-2 w14p">
  738. <input type="text" class="form-control w100p input-value" data-id="Telephone" maxlength="50">
  739. </div>
  740. </div>
  741. <div class="form-group">
  742. <label class="col-sm-1 control-label w10p"><span data-i18n="ExhibitionImport_Upd.BoxNo">件數</span></label>
  743. <div class="col-sm-1 w14p">
  744. <input type="text" class="form-control w100p input-value" data-id="Number" data-keyint='Y' maxlength="20">
  745. </div>
  746. <span class="col-sm-1 connector">/</span>
  747. <div class="col-sm-1 w14p">
  748. <input type="text" class="form-control w100p input-value" data-id="Unit" maxlength="10" onchange="fnKeyUnit(this);" placeholderid="common.UnitInput" placeholder="件數單位">
  749. </div>
  750. <label class="col-sm-1 control-label w10p"><span data-i18n="common.Weight">重量</span></label>
  751. <div class="col-sm-2">
  752. <div class="input-group input-append">
  753. <input type="text" class="form-control w100p input-value" data-id="Weight" data-keyintp3='Y' maxlength="20">
  754. <span class="input-group-addon cusgroup-addon">
  755. KG
  756. </span>
  757. </div>
  758. </div>
  759. <label class="col-sm-1 control-label w10p"><span data-i18n="ExhibitionImport_Upd.Volume">材積(CBM)</span></label>
  760. <div class="col-sm-2">
  761. <div class="input-group input-append">
  762. <input type="text" class="form-control w100p input-value" data-id="Volume" data-keyintp2="Y" maxlength="50">
  763. <span class="input-group-addon cusgroup-addon">
  764. CBM
  765. </span>
  766. </div>
  767. </div>
  768. </div>
  769. </div>
  770. <div class="col-md-4 wright">
  771. <div class="form-group">
  772. <div class="btn-group">
  773. <button type="button" class="btn-custom blue dropdown-toggle bills-print" data-toggle="dropdown" disabled aria-expanded="false">
  774. <span data-i18n="common.Toolbar_Print">列印</span> <span class="caret"></span>
  775. </button>
  776. <ul class="dropdown-menu" role="menu">
  777. <li><a href="javascript:void(0);" class="bill-print" data-action="Print_Bill" data-i18n="common.Financial_Print">列印帳單</a></li>
  778. <li class="divider"></li>
  779. <li><a href="javascript:void(0);" class="bill-print" data-action="Print_Receipt" data-i18n="common.Financial_Print_Receipt">列印收據</a></li>
  780. <li class="divider"></li>
  781. <li><a href="javascript:void(0);" class="bill-print" data-action="Download_Bill" data-i18n="common.Financial_DownLoad_Bill">下載帳單(Word)</a></li>
  782. <li class="divider"></li>
  783. <li><a href="javascript:void(0);" class="bill-print" data-action="Download_Receipt" data-i18n="common.Financial_DownLoad_Receipt">下載收據(Word)</a></li>
  784. </ul>
  785. </div>
  786. <button type="button" class="btn-custom blue submittoaudit" disabled data-id="bill_submitaudit" data-i18n="common.Financial_SubmitAudit">提交審核</button>
  787. <button type="button" class="btn-custom blue alreadyaudit" disabled data-id="bill_audit" data-i18n="common.Audit">審核</button>
  788. <button type="button" class="btn-custom blue cancelaudi" disabled data-id="bill_cancelaudit" data-i18n="common.Financial_CancelAudit">取消審核</button>
  789. <button type="button" class="btn-custom blue reedit" disabled data-id="bill_reedit" data-i18n="common.Financial_ReEdit">抽單</button>
  790. <button type="button" class="btn-custom blue cancelreedit" disabled data-id="bill_cancelreedit" data-i18n="common.Financial_CancelReEdit">取消抽單</button>
  791. <button type="button" class="btn-custom blue billpost" disabled data-id="bill_post" data-i18n="common.Financial_Post">過帳</button>
  792. <button type="button" class="btn-custom blue cancelpost" disabled data-id="bill_cancelpost" data-i18n="common.Financial_CancelPost">取消過帳</button>
  793. <button type="button" class="btn-custom blue writeoff" disabled data-id="bill_writeoff" data-i18n="common.Financial_WriteOff">銷帳</button>
  794. <button type="button" class="btn-custom blue canceloff" disabled data-id="bill_canceloff" data-i18n="common.Financial_CancelWriteOff">取消銷帳</button>
  795. <button type="button" class="btn-custom blue billvoid" disabled data-id="bill_void" data-i18n="common.Toolbar_Void">作廢</button>
  796. <button type="button" class="btn-custom blue billdelete" disabled data-id="bill_delete" data-i18n="common.Toolbar_Del">刪除</button>
  797. </div>
  798. <div class="form-group t-red notpass-reason-box" hidden>
  799. <label class="col-sm-2 control-label"><span data-i18n="common.Reason">原因</span></label>
  800. <div class="col-sm-10">
  801. <div class="notpass-reason-text"></div>
  802. </div>
  803. </div>
  804. </div>
  805. </div>
  806. </div>
  807. <div class="panel-body">
  808. <table class="table table-bordered">
  809. <thead>
  810. <tr>
  811. <th>#</th>
  812. <th data-i18n="common.Financial_Code">代號</th>
  813. <th data-i18n="common.Financial_CostStatement">費用說明</th>
  814. <th data-i18n="common.Financial_Currency">幣別</th>
  815. <th data-i18n="common.Financial_UnitPrice">單價</th>
  816. <th data-i18n="common.Financial_Number">數量</th>
  817. <th data-i18n="common.Financial_Unit">單位</th>
  818. <th data-i18n="common.Financial_Amount">金額</th>
  819. <th data-i18n="common.ExchangeRate">匯率</th>
  820. <th class="BillAmountTiltle " data-i18n="common.MainCurrencyNontaxedAmountV2">台幣金額</th> <!--or 未稅金額:ForeignCurrencyNontaxedAmountV2-->
  821. <th data-i18n="common.Financial_TaxRate">稅率</th>
  822. <th data-i18n="common.Financial_Tax">稅額</th>
  823. <th data-i18n="common.Action">操作</th>
  824. </tr>
  825. </thead>
  826. <tbody data-id="bill_fees_{{:BillNO}}" data-billno="{{:BillNO}}"></tbody>
  827. </table>
  828. <div class="panel-body">
  829. <div class="col-md-12">
  830. <div class="BillForeignCurrency" style="display: none;">
  831. <label class="col-sm-1 control-label w5p"><span data-i18n="common.ForeignCurrencyPrePaid">外幣預收</span></label>
  832. <div class="col-sm-1 w11p">
  833. <input type="text" class="form-control w100p prepay input-value" value="0" data-type="money" data-name="int" data-id="Advance" disabled maxlength="50">
  834. </div>
  835. <label class="col-sm-1 control-label w6p"><span data-i18n="common.Financial_Amount">金額</span></label>
  836. <div class="col-sm-1 w11p">
  837. <input type="text" class="form-control w100p subtotal" data-type="money" value="0" readonly maxlength="50">
  838. </div>
  839. <label class="col-sm-1 control-label w6p"><span data-i18n="common.Financial_Tax">稅額</span></label>
  840. <div class="col-sm-1 w11p">
  841. <input type="text" class="form-control w100p taxtotal" data-type="money" value="0" readonly maxlength="50">
  842. </div>
  843. <label class="col-sm-1 control-label w6p"><span data-i18n="common.Financial_Sum">合計</span></label>
  844. <div class="col-sm-1 w11p">
  845. <input type="text" class="form-control w100p boxtotal" data-type="money" value="0" readonly maxlength="50">
  846. </div>
  847. <label class="col-sm-1 control-label w6p"><span data-i18n="common.TotalReceivable">總應收</span></label>
  848. <div class="col-sm-1 w11p">
  849. <input type="text" class="form-control w100p paytotal" data-type="money" value="0" readonly maxlength="50">
  850. </div>
  851. <div class="col-md-1 w15p wright">
  852. <button type="button" class="btn-custom blue plusfeeitem" data-id="plusfeeitem" title="新增費用項目"><i class="fa fa-plus"></i></button>
  853. </div>
  854. </div>
  855. <div class="BillMainCurrency">
  856. <label class="col-sm-1 control-label w5p"><span data-i18n="common.MainCurrencyPrePaid">台幣預收</span></label>
  857. <div class="col-sm-1 w11p">
  858. <input type="text" class="form-control w100p mprepay input-value" value="0" data-type="money" data-name="int" data-id="mAdvance" disabled maxlength="50">
  859. </div>
  860. <label class="col-sm-1 control-label w6p"><span data-i18n="common.TotalExcudeTax">未稅</span></label>
  861. <div class="col-sm-1 w11p">
  862. <input type="text" class="form-control w100p msubtotal" data-type="money" value="0" readonly maxlength="50">
  863. </div>
  864. <label class="col-sm-1 control-label w6p"><span data-i18n="common.Financial_Tax">稅額</span></label>
  865. <div class="col-sm-1 w11p">
  866. <input type="text" class="form-control w100p mtaxtotal" data-type="money" value="0" readonly maxlength="50">
  867. </div>
  868. <label class="col-sm-1 control-label w6p"><span data-i18n="common.TotalIncludedTax">總計</span></label>
  869. <div class="col-sm-1 w11p">
  870. <input type="text" class="form-control w100p mboxtotal" data-type="money" value="0" readonly maxlength="50">
  871. </div>
  872. <label class="col-sm-1 control-label w6p"><span data-i18n="common.TotalReceivable">總應收</span></label>
  873. <div class="col-sm-1 w11p">
  874. <input type="text" class="form-control w100p mpaytotal" data-type="money" value="0" readonly maxlength="50">
  875. </div>
  876. <div class="col-md-1 w15p wright BillMainCurrencyAdd">
  877. <button type="button" class="btn-custom blue plusfeeitem" data-id="plusfeeitem" title="新增費用項目"><i class="fa fa-plus"></i></button>
  878. </div>
  879. </div>
  880. </div>
  881. <div class="col-md-7">
  882. <div class="form-group">
  883. <label class="col-sm-1 control-label w8_5p"><span data-i18n="common.Memo">備註</span></label>
  884. <div class="col-sm-10">
  885. <textarea data-id="Memo" class="form-control col-md-8 input-value" rows="6" cols="20"></textarea>
  886. </div>
  887. </div>
  888. </div>
  889. <div class="col-md-5 wright">
  890. <div class="form-group">
  891. <label class="col-sm-2 control-label"><span data-i18n="common.Financial_InvoiceNumber">發票號碼</span></label>
  892. <div class="col-sm-3">
  893. <input type="text" class="form-control w100p input-value checkauditdate" data-id="InvoiceNumber" maxlength="10">
  894. </div>
  895. <label class="col-sm-2 control-label"><span data-i18n="common.Financial_ReceiptNumber">收據號碼</span></label>
  896. <div class="col-sm-3">
  897. <input type="text" class="form-control w100p" readonly data-id="ReceiptNumber" maxlength="50">
  898. </div>
  899. <div class="col-sm-1">
  900. <button type="button" class="btn-custom blue receiptnumberbtn" data-id="createreceiptnumber" data-i18n="common.Financial_CreateReceiptNumber">產生收據號碼</button>
  901. </div>
  902. </div>
  903. <div class="form-group">
  904. <label class="col-sm-2 control-label"><span data-i18n="common.Financial_InvoiceDate">發票日期</span></label>
  905. <div class="col-sm-3">
  906. <input type="text" class="form-control date-picker w100p input-value checkauditdate" data-id="InvoiceDate" maxlength="10">
  907. </div>
  908. <label class="col-sm-2 control-label"><span data-i18n="common.Financial_ReceiptDate">收據日期</span></label>
  909. <div class="col-sm-3">
  910. <input type="text" class="form-control date-picker w100p input-value checkauditdate" data-id="ReceiptDate" maxlength="10">
  911. </div>
  912. </div>
  913. </div>
  914. </div>
  915. </div>
  916. </div>
  917. </div>
  918. </fieldset>
  919. </script>
  920. </body>
  921. </html>
  922. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  923. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  924. <script type="text/javascript">
  925. $(document).ready(function () {
  926. $("head").append("<script type='text/javascript' src='/Scripts/loadjs.min.js'>");
  927. $("head").append("<script type='text/javascript' src='/Scripts/JSLoader.js'>");
  928. $("head").append("<script type='text/javascript' src='/Scripts/pages/Opm/OtherBusiness_Upd.js'>");
  929. });
  930. </script>