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.

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