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.
287 lines
16 KiB
287 lines
16 KiB
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta http-equiv="Expires" content="0">
|
|
<meta http-equiv="Pragma" content="no-cache">
|
|
<meta http-equiv="Cache-control" content="no-cache">
|
|
<meta http-equiv="Cache" content="no-cache">
|
|
<title></title>
|
|
<link href="/Scripts/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
|
|
<link href="/Scripts/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="/Scripts/plugins/uniform/css/uniform.default.min.css" rel="stylesheet" />
|
|
<link href="/Scripts/3rd/Spectrum/spectrum.css" rel="stylesheet" />
|
|
<link href="/Scripts/3rd/jquery.filer/jquery.filer.css" rel="stylesheet" />
|
|
<link href="/Scripts/3rd/jquery.filer/jquery.filer-dragdropbox-theme.css" rel="stylesheet" />
|
|
<link href="/Content/custom.min.css" rel="stylesheet" />
|
|
<script src="/Scripts/3rd/jquery-2.1.3.min.js"></script>
|
|
<style>
|
|
.control-label {
|
|
padding-right: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page-inner">
|
|
<div class="panel-body">
|
|
<form id="form_main" class="form-horizontal">
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_1_1" type="radio" class="radioClass_CustomerNO c1" name="rdbCustomerNO" value="1" checked="checked" />
|
|
<label for="radio_1_1" class="control-label w25p"><span data-i18n="">客戶編號</span>：</label>
|
|
<input type="text" class="form-control w60p Customer1" name="CustomerNO1" id="CustomerNO1" disabled>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_1_2" type="radio" class="radioClass_CustomerNO c2" name="rdbCustomerNO" value="2"/>
|
|
<label for="radio_1_2" class="control-label w25p"><span data-i18n="">客戶編號</span>：</label>
|
|
<input type="text" class="form-control w60p" name="CustomerNO2" id="CustomerNO2" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_2_1" type="radio" class="radioClass_IsBlackList" name="rdbIsBlackList" value="1" checked="checked" />
|
|
<label for="radio_2_1" class="control-label w25p"><span data-i18n="">黑名單</span>：</label>
|
|
<input id="radio_2_1_2" type="radio" name="IsBlackList1" value="N" checked="checked"/>
|
|
<label for="radio_2_1_2" data-i18n="">否</label>
|
|
<input id="radio_2_1_1" type="radio" name="IsBlackList1" value="Y"/>
|
|
<label for="radio_2_1_1" data-i18n="">是</label>
|
|
<select class="form-control w45p" data-type="select2" name="BlackListReason1" id="BlackListReason1" disabled></select>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_2_2" type="radio" class="radioClass_IsBlackList" name="rdbIsBlackList" value="2" />
|
|
<label for="radio_2_2" class="control-label w25p"><span data-i18n="">黑名單</span>：</label>
|
|
<input id="radio_2_2_2" type="radio" name="IsBlackList2" value="N" checked="checked" disabled/>
|
|
<label for="radio_2_2_2" data-i18n="">否</label>
|
|
<input id="radio_2_2_1" type="radio" name="IsBlackList2" value="Y" disabled/>
|
|
<label for="radio_2_2_1" data-i18n="">是</label>
|
|
<select class="form-control w45p" data-type="select2" name="BlackListReason2" id="BlackListReason2" disabled></select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_3_1" type="radio" class="radioClass_IsGroupUnit" name="rdbIsGroupUnit" value="1" checked="checked" />
|
|
<label for="radio_3_1" class="control-label w25p"><span data-i18n="">是否為組團單位</span>：</label>
|
|
<input id="radio_3_1_1" type="radio" name="IsGroupUnit1" value="Y"/>
|
|
<label for="radio_3_1_1" data-i18n="">是</label>
|
|
<input id="radio_3_1_2" type="radio" name="IsGroupUnit1" value="N" checked="checked"/>
|
|
<label for="radio_3_1_2" data-i18n="">否</label>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_3_2" type="radio" class="radioClass_IsGroupUnit" name="rdbIsGroupUnit" value="2" />
|
|
<label for="radio_3_2" class="control-label w25p"><span data-i18n="">是否為組團單位</span>：</label>
|
|
<input id="radio_3_2_1" type="radio" name="IsGroupUnit2" value="Y" disabled/>
|
|
<label for="radio_3_2_1" data-i18n="">是</label>
|
|
<input id="radio_3_2_2" type="radio" name="IsGroupUnit2" value="N" checked="checked" disabled/>
|
|
<label for="radio_3_2_2" data-i18n="">否</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_4_1" type="radio" class="radioClass_UniCode" name="rdbUniCode" value="1" checked="checked" />
|
|
<label for="radio_4_1" class="control-label w25p"><span data-i18n="">統一編號</span>：</label>
|
|
<input type="text" class="form-control w60p Customer1" name="UniCode1" id="UniCode1">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_4_2" type="radio" class="radioClass_UniCode" name="rdbUniCode" value="2" />
|
|
<label for="radio_4_2" class="control-label w25p"><span data-i18n="">統一編號</span>：</label>
|
|
<input type="text" class="form-control w60p" name="UniCode2" id="UniCode2" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_5_1" type="radio" class="radioClass_CustomerShotCName" name="rdbCustomerShotCName" value="1" checked="checked" />
|
|
<label for="radio_5_1" class="control-label w25p"><span data-i18n="">客戶簡稱</span>：</label>
|
|
<input type="text" class="form-control w60p Customer1" name="CustomerShotCName1" id="CustomerShotCName1">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_5_2" type="radio" class="radioClass_CustomerShotCName" name="rdbCustomerShotCName" value="2" />
|
|
<label for="radio_5_2" class="control-label w25p"><span data-i18n="">客戶簡稱</span>：</label>
|
|
<input type="text" class="form-control w60p" name="CustomerShotCName2" id="CustomerShotCName2" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_6_1" type="radio" class="radioClass_CustomerCName" name="rdbCustomerCName" value="1" checked="checked" />
|
|
<label for="radio_6_1" class="control-label w25p"><span data-i18n="">客戶中文名稱</span>：</label>
|
|
<input type="text" class="form-control w60p" name="CustomerCName1" id="CustomerCName1">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_6_2" type="radio" class="radioClass_CustomerCName" name="rdbCustomerCName" value="2" />
|
|
<label for="radio_6_2" class="control-label w25p"><span data-i18n="">客戶中文名稱</span>：</label>
|
|
<input type="text" class="form-control w60p" name="CustomerCName2" id="CustomerCName2" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_7_1" type="radio" class="radioClass_CustomerEName" name="rdbCustomerEName" value="1" checked="checked" />
|
|
<label for="radio_7_1" class="control-label w25p"><span data-i18n="">客戶英文名稱</span>：</label>
|
|
<input type="text" class="form-control w60p" name="CustomerEName1" id="CustomerEName1">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_7_2" type="radio" class="radioClass_CustomerEName" name="rdbCustomerEName" value="2" />
|
|
<label for="radio_7_2" class="control-label w25p"><span data-i18n="">客戶英文名稱</span>：</label>
|
|
<input type="text" class="form-control w60p" name="CustomerEName2" id="CustomerEName2" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_8_1" type="radio" class="radioClass_Telephone" name="rdbTelephone" value="1" checked="checked" />
|
|
<label for="radio_8_1" class="control-label w25p"><span data-i18n="">電話</span>：</label>
|
|
<input type="text" class="form-control w60p" name="Telephone1" id="Telephone1">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_8_2" type="radio" class="radioClass_Telephone" name="rdbTelephone" value="2" />
|
|
<label for="radio_8_2" class="control-label w25p"><span data-i18n="">電話</span>：</label>
|
|
<input type="text" class="form-control w60p" name="Telephone2" id="Telephone2" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_9_1" type="radio" class="radioClass_Email" name="rdbEmail" value="1" checked="checked" />
|
|
<label for="radio_9_1" class="control-label w25p"><span data-i18n="">郵箱</span>：</label>
|
|
<input type="text" class="form-control w60p" name="Email1" id="Email1">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_9_2" type="radio" class="radioClass_Email" name="rdbEmail" value="2" />
|
|
<label for="radio_9_2" class="control-label w25p"><span data-i18n="">郵箱</span>：</label>
|
|
<input type="text" class="form-control w60p" name="Email2" id="Email2" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_10_1" type="radio" class="radioClass_FAX" name="rdbFAX" value="1" checked="checked" />
|
|
<label for="radio_10_1" class="control-label w25p"><span data-i18n="">傳真</span>：</label>
|
|
<input type="text" class="form-control w60p" name="FAX1" id="FAX1">
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_10_2" type="radio" class="radioClass_FAX" name="rdbFAX" value="2" />
|
|
<label for="radio_10_2" class="control-label w25p"><span data-i18n="">傳真</span>：</label>
|
|
<input type="text" class="form-control w60p" name="FAX2" id="FAX2" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_11_1" type="radio" class="radioClass_State" name="rdbState" value="1" checked="checked" />
|
|
<label for="radio_11_1" class="control-label w25p"><span data-i18n="">國家</span>：</label>
|
|
<select class="form-control w60p" data-type="select2" name="State1" id="State1"></select>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_11_2" type="radio" class="radioClass_State" name="rdbState" value="2" />
|
|
<label for="radio_11_2" class="control-label w25p"><span data-i18n="">國家</span>：</label>
|
|
<select class="form-control w60p" data-type="select2" name="State2" id="State2" disabled></select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_12_1" type="radio" class="radioClass_Address" name="rdbAddress" value="1" checked="checked" />
|
|
<label for="radio_12_1" class="control-label w25p"><span data-i18n="">公司地址</span>：</label>
|
|
<textarea name="Address1" id="Address1" class="form-control w60p" rows="3"></textarea>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_12_2" type="radio" class="radioClass_Address" name="rdbAddress" value="2" />
|
|
<label for="radio_12_2" class="control-label w25p"><span data-i18n="">公司地址</span>：</label>
|
|
<textarea name="Address2" id="Address2" class="form-control w60p" rows="3" disabled></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_13_1" type="radio" class="radioClass_InvoiceAddress" name="rdbInvoiceAddress" value="1" checked="checked" />
|
|
<label for="radio_13_1" class="control-label w25p"><span data-i18n="">發票寄送地址</span>：</label>
|
|
<textarea name="InvoiceAddress1" id="InvoiceAddress1" class="form-control w60p" rows="3"></textarea>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_13_2" type="radio" class="radioClass_InvoiceAddress" name="rdbInvoiceAddress" value="2" />
|
|
<label for="radio_13_2" class="control-label w25p"><span data-i18n="">發票寄送地址</span>：</label>
|
|
<textarea name="InvoiceAddress2" id="InvoiceAddress2" class="form-control w60p" rows="3" disabled></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_14_1" type="radio" class="radioClass_WebsiteAddress" name="rdbWebsiteAddress" value="1" checked="checked" />
|
|
<label for="radio_14_1" class="control-label w25p"><span data-i18n="">官網</span>：</label>
|
|
<textarea name="WebsiteAddress1" id="WebsiteAddress1" class="form-control w60p" rows="3"></textarea>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_14_2" type="radio" class="radioClass_WebsiteAddress" name="rdbWebsiteAddress" value="2" />
|
|
<label for="radio_14_2" class="control-label w25p"><span data-i18n="">官網</span>：</label>
|
|
<textarea name="WebsiteAddress2" id="WebsiteAddress2" class="form-control w60p" rows="3" disabled></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-group form-inline row">
|
|
<div class="col-sm-5 col-sm-offset-1">
|
|
<input id="radio_15_1" type="radio" class="radioClass_Memo" name="rdbMemo" value="1" checked="checked" />
|
|
<label for="radio_15_1" class="control-label w25p"><span data-i18n="">備註</span>：</label>
|
|
<textarea name="Memo1" id="Memo1" class="form-control w60p" rows="3"></textarea>
|
|
</div>
|
|
<div class="col-sm-5">
|
|
<input id="radio_15_2" type="radio" class="radioClass_Memo" name="rdbMemo" value="2" />
|
|
<label for="radio_15_2" class="control-label w25p"><span data-i18n="">備註</span>：</label>
|
|
<textarea name="Memo2" id="Memo2" class="form-control w60p" rows="3" disabled></textarea>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
var postArray = [];
|
|
//postArray.push(setStateDrop());
|
|
let array = [ 'IsBlackList', 'UniCode','CustomerShotCName','CustomerCName','CustomerEName','Telephone','Email','FAX','State','Address','InvoiceAddress','WebsiteAddress','Memo'];
|
|
//postArray.push(setStateDrop());
|
|
//alert( index + ": " + value );
|
|
//alert($(".radioClass_CustomerNO:checked").val());
|
|
$.each(array, function( index, value ) {
|
|
$(".radioClass_" + value).on('click', function () {
|
|
let strUncheck = "1";
|
|
if($(".radioClass_" + value + ":checked").val() == "1"){
|
|
strUncheck = "2";
|
|
}
|
|
$("#" + value + strUncheck).attr('disabled', true);
|
|
$("#" + value + $(".radioClass_" + value + ":checked").val()).attr('disabled', false);
|
|
})
|
|
});
|
|
|
|
$(".radioClass_IsGroupUnit").on('click', function () {
|
|
let strUncheck = "1";
|
|
if($(".radioClass_IsGroupUnit:checked").val() == "1"){
|
|
strUncheck = "2";
|
|
}
|
|
$("#radio_3_" + strUncheck + "_1").attr('disabled', true);
|
|
$("#radio_3_" + $(".radioClass_IsGroupUnit:checked").val() + "_1").attr('disabled', false);
|
|
$("#radio_3_" + strUncheck + "_2").attr('disabled', true);
|
|
$("#radio_3_" + $(".radioClass_IsGroupUnit:checked").val() + "_2").attr('disabled', false);
|
|
})
|
|
|
|
$(".radioClass_IsBlackList").on('click', function () {
|
|
let strUncheck = "1";
|
|
if($(".radioClass_IsBlackList:checked").val() == "1"){
|
|
strUncheck = "2";
|
|
}
|
|
$("#radio_2_" + strUncheck + "_1").attr('disabled', true);
|
|
$("#radio_2_" + $(".radioClass_IsBlackList:checked").val() + "_1").attr('disabled', false);
|
|
$("#radio_2_" + strUncheck + "_2").attr('disabled', true);
|
|
$("#radio_2_" + $(".radioClass_IsBlackList:checked").val() + "_2").attr('disabled', false);
|
|
})
|
|
|
|
$("[name=IsBlackList1]").on('click', function () {
|
|
if($("[name=IsBlackList1]:checked").val() == "Y"){
|
|
$("#BlackListReason1").attr('disabled', false);
|
|
} else {
|
|
$("#BlackListReason1").val('');
|
|
$("#BlackListReason1").attr('disabled', true);
|
|
}
|
|
})
|
|
|
|
$("[name=IsBlackList2]").on('click', function () {
|
|
if($("[name=IsBlackList2]:checked").val() == "Y"){
|
|
$("#BlackListReason2").attr('disabled', false);
|
|
} else {
|
|
$("#BlackListReason2").val('');
|
|
$("#BlackListReason2").attr('disabled', true);
|
|
}
|
|
})
|
|
});
|
|
|
|
</script>
|