template not exists:/www/wwwroot/cloud.chengzikj1.com/public/themes/web/huanhaun/common/header.html
<!-- JAVASCRIPT -->
<script src="/themes/clientarea/ZdsjuM1/assets/libs/bootstrap/js/bootstrap.bundle.min.js?v=f2f87b58be0d57ecf71ada8df361a2d9"></script>
 <link href="/themes/clientarea/ZdsjuM1/assets/css/icons.min.css?v=6bcc3684f18aa21874fa709f122723cf" rel="stylesheet" type="text/css" />
<script src="/themes/clientarea/ZdsjuM1/assets/libs/metismenu/metisMenu.min.js?v=f2f87b58be0d57ecf71ada8df361a2d9"></script>
<script src="/themes/clientarea/ZdsjuM1/assets/libs/simplebar/simplebar.min.js?v=f2f87b58be0d57ecf71ada8df361a2d9"></script>
<script src="/themes/clientarea/ZdsjuM1/assets/libs/node-waves/waves.min.js?v=f2f87b58be0d57ecf71ada8df361a2d9"></script>
<script src="/themes/clientarea/ZdsjuM1/assets_custom/js/throttle.js?v=f2f87b58be0d57ecf71ada8df361a2d9"></script>
<link type="text/css" href="/themes/clientarea/ZdsjuM1/assets/libs/toastr/build/toastr.min.css?v=f2f87b58be0d57ecf71ada8df361a2d9" rel="stylesheet" />
<script src="/themes/clientarea/ZdsjuM1/assets/libs/toastr/build/toastr.min.js?v=f2f87b58be0d57ecf71ada8df361a2d9"></script>
<link href="/themes/clientarea/ZdsjuM1/assets/css/bootstrap.min.css?v=f2f87b58be0d57ecf71ada8df361a2d9" rel="stylesheet" type="text/css" />
  <script>
	var setting_web_url = ''
  var language=null;
  </script>

<script>
  $(function(){
    setTimeout(function(){
      $(".menu-js").removeAttr("style");
    },5);
  })
</script>

<script>
    $(function(){
        $('.backBtn').hide()
    })
</script>

<style>
   .ordersummary tr:first-child{display:none}
.ordersummary tr td:nth-child(2){
	display: none;
}.ordersummary tr td span:nth-child(2){
	float: right;
}.ordersummary tr:first-child td:nth-child(2),.ordersummary tr:last-child td:nth-child(2){display: block !important;
    width: auto;
    position: absolute;
    right: 20px;
}
	.was-validated .custom-control-input:valid~.custom-control-label::before {
		background-color: #fff;
	}

	.bootstrap-select.is-valid .dropdown-toggle,
	.was-validated .bootstrap-select select:valid+.dropdown-toggle {
		border-color: #ced4da !important;
	}

	.form-control.is-valid,
	.was-validated .form-control:valid {
		display: block;
		width: 100%;
		padding: 0.47rem 0.75rem;
		font-size: 0.8125rem;
		font-weight: 400;
		line-height: 1.5;
		color: #495057;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: 0.25rem;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…45NSwyLjI2LDYsMi4xMyw2LDJWMS41QzYsMS4yMiw1Ljc4LDEsNS41LDF6Ii8+Cjwvc3ZnPgo=);
		background-position-y: 50%;
		background-position-x: calc(100% - 11px);
		background-repeat: no-repeat;
		padding-right: 24px;
	}

	.cycle-select-discount {
		position: absolute;
		top: -10px;
		right: 0;
		display: inline-block;
		padding: 0px 5px;
		height: 15px;
		background: #F70302;
		border-radius: 5px 5px 5px 0px;
		color: #ffffff;
		font-size: 12px;
		text-align: center;
		line-height: 15px;
	}

	.error-tip {
		color: #f46a6a;
		margin: 0;
		padding: 0;
		line-height: 36px;
		display: none;
	}
.fs-20 {
    font-size: 20px;
}
.fs-18 {
    font-size: 16px;
}
.col-1{
    position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
}
.pointer {
    cursor: pointer;
}
.jgao{border: 1px solid #ffdea3;
    background: #fffcf5;}
.jgao h4{color: #f60;}
.jgao p{color: #666;}
.text-primary {
    color: #0008ff !important;
}
	input::-webkit-input-placeholder {
		color: #cacdd4 !important;
	}

	input:-moz-placeholder {
		color: #cacdd4 !important;
	}

	input::-moz-placeholder {
		color: #cacdd4 !important;
	}

	input:-ms-input-placeholder {
		color: #cacdd4 !important;
	}

	/* 重写进度条 */
	input[type='range'] {
		background: #E8E8E8;
		outline: none;
		-webkit-appearance: none;
		/*清除系统默认样式*/
		height: 5px;
		/*横条的高度*/
		border-radius: 0;
	}

	input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
		width: 8px;
		height: 30px;
		background-color: #fff;
		/*box-shadow: 0 0 2px rgba(0, 0, 0, 0.3),
		0 3px 5px rgba(0, 0, 0, 0.2);*/
		cursor: pointer;
		border: 3px solid #0008ff;
		border-top-width: 5px;
		border-bottom-width: 5px;
		border-radius: 2px;
	}

	input[type="range"]::-moz-range-thumb {
		-webkit-appearance: none;
		width: 2px;
		height: 15px;
		background-color: #fff;
		/*box-shadow: 0 0 2px rgba(0, 0, 0, 0.3),
		 0 3px 5px rgba(0, 0, 0, 0.2);*/
		cursor: pointer;
		border: 4px solid #0008ff;
		border-top-width: 5px;
		border-bottom-width: 5px;
		border-radius: 2px;
	}

	.range_none {
		position: absolute;
		height: 3px;
		display: block;
		background: #DEDEDE;
		cursor: not-allowed
	}

	.form-check {
		margin-left: 20px;
	}

	.justify-content-start {
		flex-wrap: wrap;
	}
</style>
	<form id="addCartForm" method="post" class="needs-validation configoption_form" novalidate
		action="?action=configureproduct&pid=29"><input type="hidden" name="token" value="ada860076481057fcd8902eae3fafbfa">
				<div class="row zd-mt">
			<div class="col-xl-9">
				<div class="card border-bottom mb-0">
					<div class="card-body">
												<div class="d-flex justify-content-between align-items-center">
							<h4 class="card-title ">美国Cera 16核32G 50M 多区混合上线</h4>
						</div>
					</div>
				</div>
				<div class="card">
					<div class="card-body">



						<input type="hidden" name="pid" value="29" />
						<input type="hidden" name="currencyid" value="1" />
						<input name="qty" type="hidden" value="1" />
												<!--产品配置项-->
													<div class="form-group row configureproduct">
								<label for="example-search-input" class="col-md-2 col-form-label">数据中心
								</label>
								<div class="col-md-10">

									 <div
											class=" btn-group-toggle mt-2 mt-xl-0" data-toggle="buttons">
																						<label class="btn btn-primary zdykd">
												<input id="config1531_5872" type="radio"  checked=""  name="configoption[1531]" value="5872">
																								美国Ceranetworks 1期											</label>
																			</div>
								
							</div>
						</div>
						


													<div class="form-group row configureproduct">
								<label for="example-search-input" class="col-md-2 col-form-label">操作系统								</label>
								 <div class="col-md-3">
											<select class="form-control configoption_os_group selectpicker" data-style="btn-default"
												onchange="osGroupChange(this)">
																																																												<option
													data-content="<img class='mr-1' src='/upload/common/system/2.svg' height='20'/>centos"
													 data-os='[{"id":5866,"version":"Centos7.6","pricing":null,"show_pricing":"Centos7.6"},{"id":5865,"version":"centos8.1","pricing":null,"show_pricing":"centos8.1"},{"id":5868,"version":"\u66f4\u591a\u7cfb\u7edf\u8054\u7cfb\u5ba2\u670d\u5b89\u88c5","pricing":null,"show_pricing":"\u66f4\u591a\u7cfb\u7edf\u8054\u7cfb\u5ba2\u670d\u5b89\u88c5"}]'
													value="centos">
													centos</option>
																																																<option
													data-content="<img class='mr-1' src='/upload/common/system/1.svg' height='20'/>windows"
													 data-os='[{"id":5869,"version":"2012","pricing":null,"show_pricing":"2012"},{"id":5870,"version":"\u66f4\u591a\u7cfb\u7edf\u8054\u7cfb\u5ba2\u670d\u5b89\u88c5","pricing":null,"show_pricing":"\u66f4\u591a\u7cfb\u7edf\u8054\u7cfb\u5ba2\u670d\u5b89\u88c5"}]'
													value="windows">
													windows</option>
																																																<option
													data-content="<img class='mr-1' src='/upload/common/system/4.svg' height='20'/>debian"
													 data-os='[{"id":5871,"version":"debian11","pricing":null,"show_pricing":"debian11"},{"id":5867,"version":"debian10.3","pricing":null,"show_pricing":"debian10.3"}]'
													value="debian">
													debian</option>
																							</select>
								</div>
								<div class="col-md-3">
									<select id="config1530" name="configoption[1530]"
										class="form-control selectpicker selectpicker_refresh configoption_os"  data-style="btn-default">

									</select>
								</div>
								
							</div>

							<!--数据中心-->
							


													<div class="form-group row configureproduct">
								<label for="example-search-input" class="col-md-2 col-form-label">处理器核心								</label>
								<div class="col-md-10">
									<div class="btn-group btn-group-toggle mt-2 mt-xl-0" data-toggle="buttons">
																				<label class="btn btn-primary btn-sm">
											<input id="config1532_5874" type="radio"  checked=""  name="configoption[1532]" value="5874"> 16核										</label>
																			</div>
								</div>
							</div>
							
							


													<div class="form-group row configureproduct">
								<label for="example-search-input" class="col-md-2 col-form-label">内存								</label>
								<div class="col-md-10">
									<div class="btn-group btn-group-toggle mt-2 mt-xl-0" data-toggle="buttons">
																				<label class="btn btn-primary btn-sm">
											<input id="config1533_5875" type="radio"  checked=""  name="configoption[1533]" value="5875"> 32G  DDR4 四代内存										</label>
																			</div>
								</div>
							</div>
							
							


													<div class="form-group row configureproduct">
								<label for="example-search-input" class="col-md-2 col-form-label">数据盘								</label>
								<div class="col-md-10">
									<div class="btn-group btn-group-toggle mt-2 mt-xl-0" data-toggle="buttons">
																				<label class="btn btn-primary btn-sm">
											<input id="config1534_5876" type="radio"  checked=""  name="configoption[1534]" value="5876"> 360G  数据盘										</label>
																			</div>
								</div>
							</div>
							
							


													<div class="form-group row configureproduct">
								<label for="example-search-input" class="col-md-2 col-form-label">带宽								</label>
								<div class="col-md-10">
									<div class="btn-group btn-group-toggle mt-2 mt-xl-0" data-toggle="buttons">
																				<label class="btn btn-primary btn-sm">
											<input id="config1535_5878" type="radio"  checked=""  name="configoption[1535]" value="5878"> 50M										</label>
																				<label class="btn btn-primary btn-sm">
											<input id="config1535_5877" type="radio"  name="configoption[1535]" value="5877"> 100M										</label>
																			</div>
								</div>
							</div>
							
							


													<div class="form-group row configureproduct">
								<label for="example-search-input" class="col-md-2 col-form-label">快照备份								</label>
								<div class="col-md-10">
									<div class="btn-group btn-group-toggle mt-2 mt-xl-0" data-toggle="buttons">
																				<label class="btn btn-primary btn-sm">
											<input id="config1536_5879" type="radio"  checked=""  name="configoption[1536]" value="5879"> 1份  可联系客服开启每天自动备份数据有保障										</label>
																			</div>
								</div>
							</div>
							
							


													<div class="form-group row configureproduct">
								<label for="example-search-input" class="col-md-2 col-form-label">IP数量								</label>
								<div class="col-md-10">
									<div class="btn-group btn-group-toggle mt-2 mt-xl-0" data-toggle="buttons">
																				<label class="btn btn-primary btn-sm">
											<input id="config1537_5880" type="radio"  checked=""  name="configoption[1537]" value="5880"> 1个IP 100G防御IP										</label>
																				<label class="btn btn-primary btn-sm">
											<input id="config1537_5881" type="radio"  name="configoption[1537]" value="5881"> 2个IP 100G防御IP										</label>
																				<label class="btn btn-primary btn-sm">
											<input id="config1537_5882" type="radio"  name="configoption[1537]" value="5882"> 3个IP 100G防御IP										</label>
																				<label class="btn btn-primary btn-sm">
											<input id="config1537_5883" type="radio"  name="configoption[1537]" value="5883"> 3个IP 100G防御IP										</label>
																				<label class="btn btn-primary btn-sm">
											<input id="config1537_5884" type="radio"  name="configoption[1537]" value="5884"> 5个IP 100G防御IP										</label>
																			</div>
								</div>
							</div>
							
							


													<div class="form-group row configureproduct">
								<label for="example-search-input" class="col-md-2 col-form-label">默认合约								</label>
								<div class="col-md-10">
									<div class="btn-group btn-group-toggle mt-2 mt-xl-0" data-toggle="buttons">
																				<label class="btn btn-primary btn-sm">
											<input id="config1538_5885" type="radio"  checked=""  name="configoption[1538]" value="5885">   本产品不支持滥用（对于长期占用带宽 CPU等资源 我方有权给与退款）										</label>
																			</div>
								</div>
							</div>
							
							


												<!--自定义字段-->
													<div class="form-group row">
								<label for="example-search-input" class="col-md-2 col-form-label">产品备注</label>
								<div class="col-md-3">
									<textarea id="customfield[50]" name="customfield[50]"
										class="form-control getTextareaVal"
										data-object="0||" rows="2"
										placeholder="" >										</textarea> </div> </div> 													<div class="form-group row">
								<label for="example-search-input" class="col-md-2 col-form-label">产品备注</label>
								<div class="col-md-3">
									<textarea id="customfield[51]" name="customfield[51]"
										class="form-control getTextareaVal"
										data-object="0||" rows="2"
										placeholder="" >										</textarea> </div> </div> 												<div class="form-group row">
							<label for="example-search-input" class="col-md-2 col-form-label">周期</label>
							<div class="col-md-10">
								<div class="btn-group btn-group-toggle cycle mt-2 mt-xl-0 btn-custom-group" data-toggle="buttons">
																		<label class="btn btn-custom">
										<input type="radio" name="billingcycle" value="monthly"  checked="" >月									</label>
																	</div>
							</div>
						</div>

						<div class="form-group row"  style="display:none" >
							<label for="example-search-input" class="col-md-2 col-form-label">主机名</label>
							<div class="col-md-3">
								<input class="btn form-control" type="text" disabled="disabled" value="ser371760259665"
									 />
								<input class="btn form-control" name="host" type="hidden" value="ser371760259665"
									 />
							</div>
						</div>
						<div class="form-group row" >
							<label for="example-search-input" class="col-md-2 col-form-label">主机密码</label>
							<div class="col-8 col-md-3">
								<input 
								class="btn form-control getPassword"
								id="password" 
								name="password"
																	 value="tJ80I3bsa0r3" 
								 
								/>
							</div>
							<div class="d-inline-flex align-items-center">
								<span class="bx bx-show-alt pointer fs-20 text-primary" onclick="showPwd()"></span>
							</div>
							<div class="col-1 fs-18 d-flex align-items-center">
								<i class="fas fa-dice create_random_pass pointer" onclick="randomPwd()"></i>
							</div>
							<label id="password-error-tip" class="control-label error-tip" for="password"></label>
						</div>



					</div>
				</div>
			</div>
			<div class="col-xl-3">

				<div class="card">
					<div class="card-body">
						<h4 class="card-title fs-16">订单汇总：</h4>

						<div class="table-responsive configoption_total fs-14">

						</div>
					</div>
				</div>
				<!-- end card -->
							</div>
		</div>
	</form>
	<!-- select -->
	<link rel="stylesheet"
		href="/themes/cart/ZdsjuM1/assets/js/bootstrap-select/css/bootstrap-select.min.css?v=6bcc3684f18aa21874fa709f122723cf">
	<script src="/themes/cart/ZdsjuM1/assets/js/bootstrap-select/js/bootstrap-select.min.js?v=6bcc3684f18aa21874fa709f122723cf"></script>
	<!-- slider -->
	<link rel="stylesheet"
		href="/themes/cart/ZdsjuM1/assets/js/ion-rangeslider/css/ion.rangeSlider.min.css?v=6bcc3684f18aa21874fa709f122723cf">
	<script src="/themes/cart/ZdsjuM1/assets/js/ion-rangeslider/js/ion.rangeSlider.min.js?v=6bcc3684f18aa21874fa709f122723cf"></script>
	<script>
		// 密码重置
		var pwdRule = {
			len_num: '12',
			num: '1',
			upper: '1',
			lower: '1',
			special: '0'
		}
		var links = [];
		var order_frm_tpl = '';
		var tpl_type = '';

		$(document).ready(function(){ 
			let dom=$('.dropdown-menu .inner .show')
			for(let item of dom){
				item.style.maxHeight="300px"
			}
		}); 

		$(function(){
			$("#addCartForm").on('blur',".getVal",function(e){
				let arr=e.target.dataset.object.split('||')
				let reg=''
				if(arr[1]!='') reg=new RegExp(arr[1])
				if(arr[0]==1){
					if(e.target.value==''){
						e.target.classList.add("is-invalid");
					}else if(reg!='' && reg.test(e.target.value)==false){
						e.target.classList.add("is-invalid");
					}else{
						e.target.classList.remove("is-invalid");
					}
				}
			})
		})

		$(function(){
			$("#addCartForm").on('blur',".getTextareaVal",function(e){
			
				let arr=e.target.dataset.object.split('||')
				let reg=''
				if(arr[1]!='') reg=new RegExp(arr[1])
				if(arr[0]==1){
					if(e.target.value==''){
						e.target.classList.add("is-invalid");
					}else if(reg!='' && reg.test(e.target.value)==false){
						e.target.classList.add("is-invalid");
					}else{
						e.target.classList.remove("is-invalid");
					}
				}
			})
		})

		function randomPwd () {
			verConfigGPsd()
		}

	// 获取主机密码校验规则
	var passwordRules =  {"len_num":"12","upper":"1","lower":"1","num":"1","special":"0"};
	var showPassword = "1";
	
	$(document).on('blur', '.getPassword', function(){
		verConfigGPsd()
	})

	function verConfigGPsd() {
		setTimeout(function(){
			let result = checkingPwd1($(".getPassword").val(), passwordRules.num, passwordRules.upper, passwordRules.lower, passwordRules.special)
			if(result.flag) {
				$('#password-error-tip').css('display','none');
				$('.getPassword').removeClass("is-invalid");
			}else{
				$("#password-error-tip").html(result.msg);
				$(".getPassword").addClass("is-invalid");
				$('#password-error-tip').css('display','block');
			}
		},10)
	}
	</script>
	<script src="/themes/cart/default/assets/js/configureproduct.js?v=8886bcc3684f18aa21874fa709f122723cf"></script>
	<!-- 滑块禁用区域 -->
	<script>
		$('.configoption_range').each(function(){
			let sub = $(this).data('sub');
			let max = parseFloat($(this).attr('max'));
			let min = parseFloat($(this).attr('min'));
			let inputWidth = parseFloat($(this).width());
			let oneWidth = inputWidth / (max - min)
			let keyArr = [];
			sub.map(item => {
				let itemMin = parseFloat(item.qty_minimum)
				let itemMax = parseFloat(item.qty_maximum)
				keyArr.push(itemMin)
				for(var i = itemMin; i<itemMax; i++) {
					keyArr.push(i)
				}
				keyArr.push(itemMax)
			})
			keyArr = Array.from(new Set(keyArr));
			for(var t = min; t<max; t++) {
				if(keyArr.indexOf(t) == -1) {
					$(this).after('<span class="range_none" title="'+t+'" style="width: '+oneWidth+'px; left: '+oneWidth*(t-min)+'px "></span>')
				}
			}
		})					
	</script>
	
	
	<script src="/themes/clientarea/ZdsjuM1/assets/js/app.js?v=f2f87b58be0d57ecf71ada8df361a2d9"></script>template not exists:/www/wwwroot/cloud.chengzikj1.com//public/themes/web/huanhaun/common/footer.html<a style="position: absolute;right: 10px;bottom: 20px;color:#555;z-index:9999;display: block!important;" href="https://www.idcsmart.com" target="_blank"> Powered by &copy;智简魔方</a></body>