You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

286 lines
16 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></title>
  10. <link href="/Scripts/plugins/fontawesome/css/font-awesome.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/uniform/css/uniform.default.min.css" rel="stylesheet" />
  13. <link href="/Scripts/3rd/Spectrum/spectrum.css" rel="stylesheet" />
  14. <link href="/Scripts/3rd/jquery.filer/jquery.filer.css" rel="stylesheet" />
  15. <link href="/Scripts/3rd/jquery.filer/jquery.filer-dragdropbox-theme.css" rel="stylesheet" />
  16. <link href="/Content/custom.min.css" rel="stylesheet" />
  17. <script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
  18. <style>
  19. .control-label {
  20. padding-right: 0;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="page-inner">
  26. <div class="panel-body">
  27. <form id="form_main" class="form-horizontal">
  28. <div class="form-group form-inline row">
  29. <div class="col-sm-5 col-sm-offset-1">
  30. <input id="radio_1_1" type="radio" class="radioClass_CustomerNO c1" name="rdbCustomerNO" value="1" checked="checked" />
  31. <label for="radio_1_1" class="control-label w25p"><span data-i18n="">客戶編號</span></label>
  32. <input type="text" class="form-control w60p Customer1" name="CustomerNO1" id="CustomerNO1" disabled>
  33. </div>
  34. <div class="col-sm-5">
  35. <input id="radio_1_2" type="radio" class="radioClass_CustomerNO c2" name="rdbCustomerNO" value="2"/>
  36. <label for="radio_1_2" class="control-label w25p"><span data-i18n="">客戶編號</span></label>
  37. <input type="text" class="form-control w60p" name="CustomerNO2" id="CustomerNO2" disabled>
  38. </div>
  39. </div>
  40. <div class="form-group form-inline row">
  41. <div class="col-sm-5 col-sm-offset-1">
  42. <input id="radio_2_1" type="radio" class="radioClass_IsBlackList" name="rdbIsBlackList" value="1" checked="checked" />
  43. <label for="radio_2_1" class="control-label w25p"><span data-i18n="">黑名單</span></label>
  44. <input id="radio_2_1_2" type="radio" name="IsBlackList1" value="N" checked="checked"/>
  45. <label for="radio_2_1_2" data-i18n=""></label>
  46. <input id="radio_2_1_1" type="radio" name="IsBlackList1" value="Y"/>
  47. <label for="radio_2_1_1" data-i18n=""></label>
  48. <select class="form-control w45p" data-type="select2" name="BlackListReason1" id="BlackListReason1" disabled></select>
  49. </div>
  50. <div class="col-sm-5">
  51. <input id="radio_2_2" type="radio" class="radioClass_IsBlackList" name="rdbIsBlackList" value="2" />
  52. <label for="radio_2_2" class="control-label w25p"><span data-i18n="">黑名單</span></label>
  53. <input id="radio_2_2_2" type="radio" name="IsBlackList2" value="N" checked="checked" disabled/>
  54. <label for="radio_2_2_2" data-i18n=""></label>
  55. <input id="radio_2_2_1" type="radio" name="IsBlackList2" value="Y" disabled/>
  56. <label for="radio_2_2_1" data-i18n=""></label>
  57. <select class="form-control w45p" data-type="select2" name="BlackListReason2" id="BlackListReason2" disabled></select>
  58. </div>
  59. </div>
  60. <div class="form-group form-inline row">
  61. <div class="col-sm-5 col-sm-offset-1">
  62. <input id="radio_3_1" type="radio" class="radioClass_IsGroupUnit" name="rdbIsGroupUnit" value="1" checked="checked" />
  63. <label for="radio_3_1" class="control-label w25p"><span data-i18n="">是否為組團單位</span></label>
  64. <input id="radio_3_1_1" type="radio" name="IsGroupUnit1" value="Y"/>
  65. <label for="radio_3_1_1" data-i18n=""></label>
  66. <input id="radio_3_1_2" type="radio" name="IsGroupUnit1" value="N" checked="checked"/>
  67. <label for="radio_3_1_2" data-i18n=""></label>
  68. </div>
  69. <div class="col-sm-5">
  70. <input id="radio_3_2" type="radio" class="radioClass_IsGroupUnit" name="rdbIsGroupUnit" value="2" />
  71. <label for="radio_3_2" class="control-label w25p"><span data-i18n="">是否為組團單位</span></label>
  72. <input id="radio_3_2_1" type="radio" name="IsGroupUnit2" value="Y" disabled/>
  73. <label for="radio_3_2_1" data-i18n=""></label>
  74. <input id="radio_3_2_2" type="radio" name="IsGroupUnit2" value="N" checked="checked" disabled/>
  75. <label for="radio_3_2_2" data-i18n=""></label>
  76. </div>
  77. </div>
  78. <div class="form-group form-inline row">
  79. <div class="col-sm-5 col-sm-offset-1">
  80. <input id="radio_4_1" type="radio" class="radioClass_UniCode" name="rdbUniCode" value="1" checked="checked" />
  81. <label for="radio_4_1" class="control-label w25p"><span data-i18n="">統一編號</span></label>
  82. <input type="text" class="form-control w60p Customer1" name="UniCode1" id="UniCode1">
  83. </div>
  84. <div class="col-sm-5">
  85. <input id="radio_4_2" type="radio" class="radioClass_UniCode" name="rdbUniCode" value="2" />
  86. <label for="radio_4_2" class="control-label w25p"><span data-i18n="">統一編號</span></label>
  87. <input type="text" class="form-control w60p" name="UniCode2" id="UniCode2" disabled>
  88. </div>
  89. </div>
  90. <div class="form-group form-inline row">
  91. <div class="col-sm-5 col-sm-offset-1">
  92. <input id="radio_5_1" type="radio" class="radioClass_CustomerShotCName" name="rdbCustomerShotCName" value="1" checked="checked" />
  93. <label for="radio_5_1" class="control-label w25p"><span data-i18n="">客戶簡稱</span></label>
  94. <input type="text" class="form-control w60p Customer1" name="CustomerShotCName1" id="CustomerShotCName1">
  95. </div>
  96. <div class="col-sm-5">
  97. <input id="radio_5_2" type="radio" class="radioClass_CustomerShotCName" name="rdbCustomerShotCName" value="2" />
  98. <label for="radio_5_2" class="control-label w25p"><span data-i18n="">客戶簡稱</span></label>
  99. <input type="text" class="form-control w60p" name="CustomerShotCName2" id="CustomerShotCName2" disabled>
  100. </div>
  101. </div>
  102. <div class="form-group form-inline row">
  103. <div class="col-sm-5 col-sm-offset-1">
  104. <input id="radio_6_1" type="radio" class="radioClass_CustomerCName" name="rdbCustomerCName" value="1" checked="checked" />
  105. <label for="radio_6_1" class="control-label w25p"><span data-i18n="">客戶中文名稱</span></label>
  106. <input type="text" class="form-control w60p" name="CustomerCName1" id="CustomerCName1">
  107. </div>
  108. <div class="col-sm-5">
  109. <input id="radio_6_2" type="radio" class="radioClass_CustomerCName" name="rdbCustomerCName" value="2" />
  110. <label for="radio_6_2" class="control-label w25p"><span data-i18n="">客戶中文名稱</span></label>
  111. <input type="text" class="form-control w60p" name="CustomerCName2" id="CustomerCName2" disabled>
  112. </div>
  113. </div>
  114. <div class="form-group form-inline row">
  115. <div class="col-sm-5 col-sm-offset-1">
  116. <input id="radio_7_1" type="radio" class="radioClass_CustomerEName" name="rdbCustomerEName" value="1" checked="checked" />
  117. <label for="radio_7_1" class="control-label w25p"><span data-i18n="">客戶英文名稱</span></label>
  118. <input type="text" class="form-control w60p" name="CustomerEName1" id="CustomerEName1">
  119. </div>
  120. <div class="col-sm-5">
  121. <input id="radio_7_2" type="radio" class="radioClass_CustomerEName" name="rdbCustomerEName" value="2" />
  122. <label for="radio_7_2" class="control-label w25p"><span data-i18n="">客戶英文名稱</span></label>
  123. <input type="text" class="form-control w60p" name="CustomerEName2" id="CustomerEName2" disabled>
  124. </div>
  125. </div>
  126. <div class="form-group form-inline row">
  127. <div class="col-sm-5 col-sm-offset-1">
  128. <input id="radio_8_1" type="radio" class="radioClass_Telephone" name="rdbTelephone" value="1" checked="checked" />
  129. <label for="radio_8_1" class="control-label w25p"><span data-i18n="">電話</span></label>
  130. <input type="text" class="form-control w60p" name="Telephone1" id="Telephone1">
  131. </div>
  132. <div class="col-sm-5">
  133. <input id="radio_8_2" type="radio" class="radioClass_Telephone" name="rdbTelephone" value="2" />
  134. <label for="radio_8_2" class="control-label w25p"><span data-i18n="">電話</span></label>
  135. <input type="text" class="form-control w60p" name="Telephone2" id="Telephone2" disabled>
  136. </div>
  137. </div>
  138. <div class="form-group form-inline row">
  139. <div class="col-sm-5 col-sm-offset-1">
  140. <input id="radio_9_1" type="radio" class="radioClass_Email" name="rdbEmail" value="1" checked="checked" />
  141. <label for="radio_9_1" class="control-label w25p"><span data-i18n="">郵箱</span></label>
  142. <input type="text" class="form-control w60p" name="Email1" id="Email1">
  143. </div>
  144. <div class="col-sm-5">
  145. <input id="radio_9_2" type="radio" class="radioClass_Email" name="rdbEmail" value="2" />
  146. <label for="radio_9_2" class="control-label w25p"><span data-i18n="">郵箱</span></label>
  147. <input type="text" class="form-control w60p" name="Email2" id="Email2" disabled>
  148. </div>
  149. </div>
  150. <div class="form-group form-inline row">
  151. <div class="col-sm-5 col-sm-offset-1">
  152. <input id="radio_10_1" type="radio" class="radioClass_FAX" name="rdbFAX" value="1" checked="checked" />
  153. <label for="radio_10_1" class="control-label w25p"><span data-i18n="">傳真</span></label>
  154. <input type="text" class="form-control w60p" name="FAX1" id="FAX1">
  155. </div>
  156. <div class="col-sm-5">
  157. <input id="radio_10_2" type="radio" class="radioClass_FAX" name="rdbFAX" value="2" />
  158. <label for="radio_10_2" class="control-label w25p"><span data-i18n="">傳真</span></label>
  159. <input type="text" class="form-control w60p" name="FAX2" id="FAX2" disabled>
  160. </div>
  161. </div>
  162. <div class="form-group form-inline row">
  163. <div class="col-sm-5 col-sm-offset-1">
  164. <input id="radio_11_1" type="radio" class="radioClass_State" name="rdbState" value="1" checked="checked" />
  165. <label for="radio_11_1" class="control-label w25p"><span data-i18n="">國家</span></label>
  166. <select class="form-control w60p" data-type="select2" name="State1" id="State1"></select>
  167. </div>
  168. <div class="col-sm-5">
  169. <input id="radio_11_2" type="radio" class="radioClass_State" name="rdbState" value="2" />
  170. <label for="radio_11_2" class="control-label w25p"><span data-i18n="">國家</span></label>
  171. <select class="form-control w60p" data-type="select2" name="State2" id="State2" disabled></select>
  172. </div>
  173. </div>
  174. <div class="form-group form-inline row">
  175. <div class="col-sm-5 col-sm-offset-1">
  176. <input id="radio_12_1" type="radio" class="radioClass_Address" name="rdbAddress" value="1" checked="checked" />
  177. <label for="radio_12_1" class="control-label w25p"><span data-i18n="">公司地址</span></label>
  178. <textarea name="Address1" id="Address1" class="form-control w60p" rows="3"></textarea>
  179. </div>
  180. <div class="col-sm-5">
  181. <input id="radio_12_2" type="radio" class="radioClass_Address" name="rdbAddress" value="2" />
  182. <label for="radio_12_2" class="control-label w25p"><span data-i18n="">公司地址</span></label>
  183. <textarea name="Address2" id="Address2" class="form-control w60p" rows="3" disabled></textarea>
  184. </div>
  185. </div>
  186. <div class="form-group form-inline row">
  187. <div class="col-sm-5 col-sm-offset-1">
  188. <input id="radio_13_1" type="radio" class="radioClass_InvoiceAddress" name="rdbInvoiceAddress" value="1" checked="checked" />
  189. <label for="radio_13_1" class="control-label w25p"><span data-i18n="">發票寄送地址</span></label>
  190. <textarea name="InvoiceAddress1" id="InvoiceAddress1" class="form-control w60p" rows="3"></textarea>
  191. </div>
  192. <div class="col-sm-5">
  193. <input id="radio_13_2" type="radio" class="radioClass_InvoiceAddress" name="rdbInvoiceAddress" value="2" />
  194. <label for="radio_13_2" class="control-label w25p"><span data-i18n="">發票寄送地址</span></label>
  195. <textarea name="InvoiceAddress2" id="InvoiceAddress2" class="form-control w60p" rows="3" disabled></textarea>
  196. </div>
  197. </div>
  198. <div class="form-group form-inline row">
  199. <div class="col-sm-5 col-sm-offset-1">
  200. <input id="radio_14_1" type="radio" class="radioClass_WebsiteAddress" name="rdbWebsiteAddress" value="1" checked="checked" />
  201. <label for="radio_14_1" class="control-label w25p"><span data-i18n="">官網</span></label>
  202. <textarea name="WebsiteAddress1" id="WebsiteAddress1" class="form-control w60p" rows="3"></textarea>
  203. </div>
  204. <div class="col-sm-5">
  205. <input id="radio_14_2" type="radio" class="radioClass_WebsiteAddress" name="rdbWebsiteAddress" value="2" />
  206. <label for="radio_14_2" class="control-label w25p"><span data-i18n="">官網</span></label>
  207. <textarea name="WebsiteAddress2" id="WebsiteAddress2" class="form-control w60p" rows="3" disabled></textarea>
  208. </div>
  209. </div>
  210. <div class="form-group form-inline row">
  211. <div class="col-sm-5 col-sm-offset-1">
  212. <input id="radio_15_1" type="radio" class="radioClass_Memo" name="rdbMemo" value="1" checked="checked" />
  213. <label for="radio_15_1" class="control-label w25p"><span data-i18n="">備註</span></label>
  214. <textarea name="Memo1" id="Memo1" class="form-control w60p" rows="3"></textarea>
  215. </div>
  216. <div class="col-sm-5">
  217. <input id="radio_15_2" type="radio" class="radioClass_Memo" name="rdbMemo" value="2" />
  218. <label for="radio_15_2" class="control-label w25p"><span data-i18n="">備註</span></label>
  219. <textarea name="Memo2" id="Memo2" class="form-control w60p" rows="3" disabled></textarea>
  220. </div>
  221. </div>
  222. </form>
  223. </div>
  224. </div>
  225. </body>
  226. </html>
  227. <script type="text/javascript">
  228. $(function () {
  229. var postArray = [];
  230. //postArray.push(setStateDrop());
  231. let array = [ 'IsBlackList', 'UniCode','CustomerShotCName','CustomerCName','CustomerEName','Telephone','Email','FAX','State','Address','InvoiceAddress','WebsiteAddress','Memo'];
  232. //postArray.push(setStateDrop());
  233. //alert( index + ": " + value );
  234. //alert($(".radioClass_CustomerNO:checked").val());
  235. $.each(array, function( index, value ) {
  236. $(".radioClass_" + value).on('click', function () {
  237. let strUncheck = "1";
  238. if($(".radioClass_" + value + ":checked").val() == "1"){
  239. strUncheck = "2";
  240. }
  241. $("#" + value + strUncheck).attr('disabled', true);
  242. $("#" + value + $(".radioClass_" + value + ":checked").val()).attr('disabled', false);
  243. })
  244. });
  245. $(".radioClass_IsGroupUnit").on('click', function () {
  246. let strUncheck = "1";
  247. if($(".radioClass_IsGroupUnit:checked").val() == "1"){
  248. strUncheck = "2";
  249. }
  250. $("#radio_3_" + strUncheck + "_1").attr('disabled', true);
  251. $("#radio_3_" + $(".radioClass_IsGroupUnit:checked").val() + "_1").attr('disabled', false);
  252. $("#radio_3_" + strUncheck + "_2").attr('disabled', true);
  253. $("#radio_3_" + $(".radioClass_IsGroupUnit:checked").val() + "_2").attr('disabled', false);
  254. })
  255. $(".radioClass_IsBlackList").on('click', function () {
  256. let strUncheck = "1";
  257. if($(".radioClass_IsBlackList:checked").val() == "1"){
  258. strUncheck = "2";
  259. }
  260. $("#radio_2_" + strUncheck + "_1").attr('disabled', true);
  261. $("#radio_2_" + $(".radioClass_IsBlackList:checked").val() + "_1").attr('disabled', false);
  262. $("#radio_2_" + strUncheck + "_2").attr('disabled', true);
  263. $("#radio_2_" + $(".radioClass_IsBlackList:checked").val() + "_2").attr('disabled', false);
  264. })
  265. $("[name=IsBlackList1]").on('click', function () {
  266. if($("[name=IsBlackList1]:checked").val() == "Y"){
  267. $("#BlackListReason1").attr('disabled', false);
  268. } else {
  269. $("#BlackListReason1").val('');
  270. $("#BlackListReason1").attr('disabled', true);
  271. }
  272. })
  273. $("[name=IsBlackList2]").on('click', function () {
  274. if($("[name=IsBlackList2]:checked").val() == "Y"){
  275. $("#BlackListReason2").attr('disabled', false);
  276. } else {
  277. $("#BlackListReason2").val('');
  278. $("#BlackListReason2").attr('disabled', true);
  279. }
  280. })
  281. });
  282. </script>