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.

306 lines
24 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.Customers_Upd">客戶編輯</title>
  10. <link href="/Content/googleapis.css" rel="stylesheet" type='text/css' />
  11. <link href="/Scripts/plugins/jquery-ui/jquery-ui.min.css" rel="stylesheet" type="text/css" />
  12. <link href="/Scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  13. <link href="/Scripts/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
  14. <link href="/Scripts/plugins/line-icons/simple-line-icons.css" rel="stylesheet" />
  15. <link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
  16. <link href="/Scripts/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
  17. <link href="/Scripts/3rd/jGrid/jsgrid.min.css" rel="stylesheet" />
  18. <link href="/Scripts/3rd/jGrid/jsgrid-theme.min.css" rel="stylesheet" />
  19. <link href="/Scripts/3rd/jquery.filer/jquery.filer.css" rel="stylesheet" />
  20. <link href="/Scripts/3rd/jquery.filer/jquery.filer-dragdropbox-theme.css" rel="stylesheet" />
  21. <link href="/Scripts/3rd/select2/css/select2.min.css" rel="stylesheet" />
  22. <link href="/Content/modern.min.css" rel="stylesheet" />
  23. <link href="/Content/themes/red.css" rel="stylesheet" type="text/css" />
  24. <link href="/Content/custom.css" rel="stylesheet" type="text/css" />
  25. <link href="/Content/style2.0.css" rel="stylesheet" type="text/css" />
  26. <style>
  27. .a-url {
  28. color: #1d2ef9 !important;
  29. }
  30. .table > tbody > tr > td {
  31. padding: 5px 2px !important;
  32. }
  33. .table > tbody > tr > td:first-child {
  34. padding-top: 12px !important;
  35. }
  36. .table > tbody > tr > td:last-child {
  37. padding: 12px 25px 0 25px !important;
  38. }
  39. #transactiontype label {
  40. margin-right: 10px;
  41. }
  42. [for="TransactionType"] {
  43. display: none;
  44. }
  45. #AuditReason {
  46. font-size: large;
  47. font-weight: 900;
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <div class="page-inner">
  53. <div class="page-title">
  54. </div>
  55. <div id="Toolbar">
  56. </div>
  57. <div id="main-wrapper">
  58. <!--主作業區 Start-->
  59. <div class="row">
  60. <div class="panel-info">
  61. <div class="panel-body">
  62. <form id="form_main" class="form-horizontal">
  63. <div role="tabpanel" id="tabs">
  64. <!-- 頁籖按鈕 Start-->
  65. <ul class="nav nav-tabs" role="tablist">
  66. <li role="presentation" id="litab1" class="active">
  67. <a href="#tab1" role="tab" data-toggle="tab" data-i18n="common.BasicInformation">基本資料</a>
  68. </li>
  69. <li role="presentation" id="litab2">
  70. <a href="#tab2" role="tab" data-toggle="tab" data-i18n="common.ExhibitionList">參與展覽列表</a>
  71. </li>
  72. </ul>
  73. <!-- 頁籖按鈕 End-->
  74. <!-- 頁籖內容 Tab panes Start -->
  75. <div class="tab-content">
  76. <div role="tabpanel" class="tab-pane active" id="tab1">
  77. <div class="form-group NotPassReason" hidden>
  78. <label class="col-sm-2 control-label"><span data-i18n="common.Audit_Status">審核狀態</span></label>
  79. <div class="col-sm-8 t-red">
  80. <div id="AuditReason"></div>
  81. </div>
  82. </div>
  83. <hr class="voidreason" hidden />
  84. <div class="form-group">
  85. <label class="col-sm-2 control-label"><b class="t-red">*</b><span data-i18n="Customers_Upd.TransactionType">交易型態</span></label>
  86. <div class="col-sm-8">
  87. <div id="transactiontype">
  88. </div>
  89. <label for="TransactionType" class="error" data-i18n="Customers_Upd.TransactionType_required">請選擇交易類型</label>
  90. </div>
  91. </div>
  92. <div class="form-group">
  93. <label class="col-sm-2 control-label"><b class="t-red">*</b><span data-i18n="Customers_Upd.CustomerNO">客戶編號</span></label>
  94. <div class="col-sm-3">
  95. <input type="text" class="form-control w100p" disabled name="CustomerNO" id="CustomerNO" maxlength="7" placeholderid="common.AutomaticCoding" placeholder="自動編碼">
  96. </div>
  97. <label class="col-sm-2 control-label unicode-box"><b class="t-red innercol">*</b><span data-i18n="Customers_Upd.UniCode">統一編號</span></label>
  98. <div class="col-sm-3 unicode-box">
  99. <input type="text" class="form-control w100p" name="UniCode" id="UniCode" maxlength="8" data-msg-unicoderequired="Customers_Upd.UniCode_required" datamsgunicoderequired="請輸入統一編號" data-rule-unicoderequired="unicoderequired" placeholderid="Customers_Upd.Instruction_UniCode" placeholder="國內廠商不可以為空">
  100. </div>
  101. <div class="col-sm-2 APIImport" hidden>
  102. <button type="button" class="btn-custom blue" id="APIImport" data-i18n="Customers_Upd.APIImport">通過政府官網導入</button>
  103. </div>
  104. </div>
  105. <div class="form-group">
  106. <label class="col-sm-2 control-label"><b class="t-red CustomerCName">*</b><span data-i18n="Customers_Upd.CustomerCName">客戶中文名稱</span></label>
  107. <div class="col-sm-3">
  108. <input type="text" class="form-control w100p" name="CustomerCName" id="CustomerCName" _maxlength="60" data-msg-customercnamerequired="Customers_Upd.CustomerCName_required" datamsgcustomercnamerequired="請輸入公司中文名稱" data-rule-customercnamerequired="customercnamerequired" placeholderid="Customers_Upd.Instruction_CustomerCName" placeholder="非國外廠商不可以為空">
  109. </div>
  110. <label class="col-sm-2 control-label"><b class="t-red CustomerEName">*</b><span data-i18n="Customers_Upd.CustomerEName">客戶英文名稱</span></label>
  111. <div class="col-sm-3">
  112. <input type="text" class="form-control w100p" name="CustomerEName" id="CustomerEName" _maxlength="60" data-msg-customerenamerequired="Customers_Upd.CustomerEName_required" datamsgcustomerenamerequired="請輸入公司英文名稱" data-rule-customerenamerequired="customerenamerequired" data-msg-customerenamecus="Customers_Upd.CustomerENameFirstChart_required" datamsgcustomerenamecus="公司英文名稱第一個字符格式不正確" data-rule-customerenamecus="customerenamecus" placeholderid="Customers_Upd.Instruction_CustomerEName" placeholder="須以英文字母開頭(國內可以為空)">
  113. </div>
  114. </div>
  115. <div class="form-group">
  116. <label class="col-sm-2 control-label"><b class="t-red">*</b><span data-i18n="Customers_Upd.CustomerShotCName">客戶簡稱</span></label>
  117. <div class="col-sm-3">
  118. <input type="text" class="form-control w100p" name="CustomerShotCName" id="CustomerShotCName" _maxlength="12" required data-msg="Customers_Upd.CustomerShotCName_required" datamsg="請輸入客戶簡稱" placeholderid="Customers_Upd.Instruction_CustomerShotCName" placeholder="最多限(6個中文字)或(12個英文字)">
  119. </div>
  120. <label class="col-sm-2 control-label"><span data-i18n="common.Email">郵箱</span></label>
  121. <div class="col-sm-3">
  122. <input type="text" class="form-control w100p" name="Email" id="Email" maxlength="200" placeholderid="common.Instruction_Email" placeholder="範例:aaa@gmail.com">
  123. </div>
  124. </div>
  125. <div class="form-group">
  126. <label class="col-sm-2 control-label"><b class="t-red telephone">*</b><span data-i18n="common.Telephone">電話</span></label>
  127. <div class="col-sm-3">
  128. <input type="text" class="form-control w100p" name="Telephone" id="Telephone" data-keytelno="Y" maxlength="20" required data-msg="Customers_Upd.Telephone_required" datamsg="請輸入電話" placeholderid="common.Instruction_Telephone" placeholder="範例:+86-123456789(國外) 或 02-1234567(國內)">
  129. </div>
  130. <label class="col-sm-2 control-label"><span data-i18n="common.FAX">傳真</span></label>
  131. <div class="col-sm-3">
  132. <input type="text" class="form-control w100p" name="FAX" id="FAX" data-keytelno="Y" maxlength="20" placeholderid="common.Instruction_FAX" placeholder="範例:+86-123456789(國外) 或 02-1234567(國內)">
  133. </div>
  134. </div>
  135. <div class="form-group">
  136. <label class="col-sm-2 control-label"><b class="t-red">*</b><span data-i18n="Exhibition_Upd.State">國家</span></label>
  137. <div class="col-sm-3">
  138. <select class="form-control w100p" id="State" name="State" data-type="select2" required data-msg="Exhibition_Upd.State_required" datamsg="請選擇國家"></select>
  139. </div>
  140. </div>
  141. <div class="form-group sg-box" hidden>
  142. <label class="col-sm-2 control-label"><b class="t-red innercol">*</b><span data-i18n="Customers_Upd.BankName">開戶銀行名稱</span></label>
  143. <div class="col-sm-8">
  144. <input type="text" class="form-control w100p" name="BankName" id="BankName" maxlength="100" placeholderid="Customers_Upd.Instruction_BankName" required data-msg="Customers_Upd.BankName_required" datamsg="請輸入開戶銀行名稱" placeholder="請輸入開戶銀行名稱">
  145. </div>
  146. </div>
  147. <div class="form-group sg-box" hidden>
  148. <label class="col-sm-2 control-label"><b class="t-red innercol">*</b><span data-i18n="Customers_Upd.BankAcount">開戶銀行帳號</span></label>
  149. <div class="col-sm-3">
  150. <input type="text" class="form-control w100p" name="BankAcount" id="BankAcount" data-keyint="Y" maxlength="50" placeholderid="Customers_Upd.Instruction_BankAcount" required data-msg="Customers_Upd.BankAcount_required" datamsg="請輸入開戶銀行帳號" placeholder="請輸入開戶銀行帳號">
  151. </div>
  152. <label class="col-sm-2 control-label"><b class="t-red innercol">*</b><span data-i18n="Customers_Upd.TaxpayerOrgID">納稅人組織號</span></label>
  153. <div class="col-sm-3">
  154. <input type="text" class="form-control w100p" name="TaxpayerOrgID" id="TaxpayerOrgID" maxlength="100" placeholderid="Customers_Upd.Instruction_TaxpayerOrgID" required data-msg="Customers_Upd.TaxpayerOrgID_required" datamsg="請輸入納稅人識別號" placeholder="請輸入納稅人組織號">
  155. </div>
  156. </div>
  157. <div class="form-group">
  158. <label class="col-sm-2 control-label"><b class="t-red address">*</b><span data-i18n="Customers_Upd.Address">公司地址</span></label>
  159. <div class="col-sm-8">
  160. <input type="text" class="form-control w100p" name="Address" id="Address" maxlength="500" placeholderid="Customers_Upd.Instruction_Address" placeholder="請輸入郵編區號" required data-msg="Customers_Upd.Address_required" datamsg="請輸入公司地址">
  161. </div>
  162. </div>
  163. <div class="form-group">
  164. <label class="col-sm-2 control-label"><span data-i18n="Customers_Upd.InvoiceAddress">發票地址</span></label>
  165. <div class="col-sm-8">
  166. <input type="text" class="form-control w100p" name="InvoiceAddress" id="InvoiceAddress" maxlength="500" placeholderid="Customers_Upd.Instruction_InvoiceAddress" placeholder="請輸入郵編區號">
  167. </div>
  168. </div>
  169. <div class="form-group">
  170. <label class="col-sm-2 control-label"><span data-i18n="common.WebsiteAdress">官網地址</span></label>
  171. <div class="col-sm-8">
  172. <input type="text" class="form-control w100p" name="WebsiteAdress" id="WebsiteAdress" maxlength="500" placeholderid="common.Instruction_WebsiteAdress" placeholder="例如:http://www.eurotran.com">
  173. </div>
  174. </div>
  175. <div class="form-group">
  176. <label class="col-sm-2 control-label wright"><span data-i18n="common.Status">狀態</span></label>
  177. <div class="col-sm-8">
  178. <input id="radio_0" type="radio" name="Effective" value="Y" checked="checked" />
  179. <label for="radio_0" data-i18n="common.Effective">有效</label>
  180. <input id="radio_1" type="radio" name="Effective" value="N" />
  181. <label for="radio_1" data-i18n="common.Invalid">無效</label>
  182. </div>
  183. </div>
  184. <div class="form-group">
  185. <label class="col-sm-2 control-label wright" for="input-Default"><span data-i18n="common.Contactor">聯絡人</span></label>
  186. <div class="col-sm-8">
  187. <div>
  188. <table class="table table-bordered">
  189. <thead>
  190. <tr>
  191. <th>#</th>
  192. <th data-i18n="common.FullName">姓名</th>
  193. <th data-i18n="common.JobtitleName">職稱</th>
  194. <th data-i18n="common.TEL1">聯絡電話1</th>
  195. <th data-i18n="common.TEL2">聯絡電話2</th>
  196. <th data-i18n="common.FAX">傳真</th>
  197. <th data-i18n="common.Email">Email</th>
  198. <th data-i18n="common.Memo">備註</th>
  199. <th>順序</th>
  200. <th data-i18n="common.Action">操作</th>
  201. </tr>
  202. </thead>
  203. <tbody id="table_box"></tbody>
  204. </table>
  205. </div>
  206. <div class="col-md-12 wright">
  207. <button type="button" class="btn-custom plustemplkey blue" title="新增參數"><i class="fa fa-plus"></i></button>
  208. </div>
  209. </div>
  210. </div>
  211. <div class="form-group">
  212. <label class="col-sm-2 control-label"><span data-i18n="common.Memo">備註</span></label>
  213. <div class="col-sm-8">
  214. <textarea name="Memo" id="Memo" class="form-control" rows="6" cols="20"></textarea>
  215. </div>
  216. </div>
  217. <div class="form-group">
  218. <label class="col-sm-2 control-label"><span data-i18n="common.CreateUser">創建人</span></label>
  219. <div class="col-sm-3">
  220. <div class="form-control-static" name="CreateUserName" id="CreateUserName"></div>
  221. </div>
  222. <label class="col-sm-2 control-label"><span data-i18n="common.CreateDate">創建時間</span></label>
  223. <div class="col-sm-3">
  224. <div class="form-control-static" name="CreateDate" id="CreateDate"></div>
  225. </div>
  226. </div>
  227. <div class="form-group">
  228. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyUser">最新修改人</span></label>
  229. <div class="col-sm-3">
  230. <div class="form-control-static" name="ModifyUserName" id="ModifyUserName"></div>
  231. </div>
  232. <label class="col-sm-2 control-label"><span data-i18n="common.ModifyDate">最新修改時間</span></label>
  233. <div class="col-sm-3">
  234. <div class="form-control-static" name="ModifyDate" id="ModifyDate"></div>
  235. </div>
  236. </div>
  237. </div>
  238. <div role="tabpanel" class="tab-pane" id="tab2">
  239. <div class="row">
  240. <div id="jsGrid"></div>
  241. </div>
  242. </div>
  243. </div>
  244. <!-- 頁籖內容 Tab panes End -->
  245. </div>
  246. </form>
  247. </div>
  248. </div>
  249. <!--主作業區 End-->
  250. </div>
  251. </div>
  252. </div>
  253. <!-- CopySync -->
  254. <div class="modal fade" id="CopySync" tabindex="-1" role="dialog" aria-labelledby="CopySyncModalLabel" aria-hidden="true">
  255. <div class="modal-dialog" role="document">
  256. <div class="modal-content">
  257. <div class="modal-header">
  258. <h5 class="modal-title" id="CopySyncModalLabel"><span data-i18n="Customers_Upd.CopySync">複製同步</span></h5>
  259. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  260. <span aria-hidden="true">&times;</span>
  261. </button>
  262. </div>
  263. <div class="modal-body">
  264. <div class="form-group">
  265. <label style="font-size:18px;" OrgID="TE">
  266. <input type="checkbox" id="chkTE_CopySync" name="chkTE_CopySync" />
  267. <span>
  268. TE-台灣奕達
  269. </span>
  270. </label>
  271. </div>
  272. <div class="form-group">
  273. <label style="font-size:18px;" OrgID="TG">
  274. <input type="checkbox" id="chkTG_CopySync" name="chkTG_CopySync" />
  275. <span>
  276. TG-台北駒譯
  277. </span>
  278. </label>
  279. </div>
  280. </div>
  281. <div class="modal-footer">
  282. <button type="button" id="CopySycnOK" class="btn btn-success" data-dismiss="modal">OK</button>
  283. <button type="button" id="CopySycnCancel" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288. </body>
  289. </html>
  290. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  291. <script src="/Scripts/3rd/layer/layui/layui.all.min.js"></script>
  292. <script src="/Scripts/lib/PY.js"></script>
  293. <script type="text/javascript">
  294. $(document).ready(function () {
  295. $("head").append("<script type='text/javascript' src='/Scripts/loadjs.min.js'>");
  296. $("head").append("<script type='text/javascript' src='/Scripts/JSLoader.js'>");
  297. $("head").append("<script type='text/javascript' src='/Scripts/pages/Crm/Customers_Upd.js'>");
  298. });
  299. </script>