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=31"><input type="hidden" name="token" value="3aa52ff535e3da2346d40206242e2e17">
				<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 ">山东枣庄Windows云配置1</h4>
						</div>
					</div>
				</div>
				<div class="card">
					<div class="card-body">



						<input type="hidden" name="pid" value="31" />
						<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="config1720_6555" type="radio"  checked=""  name="configoption[1720]" value="6555">
																								湖北											</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/1.svg' height='20'/>Windows"
													 data-os='[{"id":6556,"version":"Windows-2008R2-Datacenter-cn","pricing":"0.00","show_pricing":"Windows-2008R2-Datacenter-cn \u00a50.00\u5143"},{"id":6557,"version":"Windows-2012R2-Datacenter-cn","pricing":"0.00","show_pricing":"Windows-2012R2-Datacenter-cn \u00a50.00\u5143"}]'
													value="Windows">
													Windows</option>
																							</select>
								</div>
								<div class="col-md-3">
									<select id="config1721" name="configoption[1721]"
										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">CPU								</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="config1722_6558" type="radio"  checked=""  name="configoption[1722]" value="6558"> 4核										</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="config1723_6559" type="radio"  checked=""  name="configoption[1723]" value="6559"> 4G										</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="config1724_6560" type="radio"  checked=""  name="configoption[1724]" value="6560"> Lin30G,Win50G										</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="config1729_6567" type="radio"  checked=""  name="configoption[1729]" value="6567"> 免费赠送50G										</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="config1725_6561" type="radio"  checked=""  name="configoption[1725]" value="6561"> 10Mbps										</label>
																				<label class="btn btn-primary btn-sm">
											<input id="config1725_6562" type="radio"  name="configoption[1725]" value="6562"> 20Mbps										</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="config1726_6563" type="radio"  checked=""  name="configoption[1726]" value="6563"> 200Mbps										</label>
																			</div>
								</div>
							</div>
							
							


												<div class="form-group row configureproduct">
							<label for="example-search-input" class="col-md-2 col-form-label">NAT转发							</label>
							<div class="col-md-10 d-flex align-items-center" style="padding:0px;display: flex;position: relative;">
							<input type="range" min="1" max="1"
								qty_stage="1" value="1" 								data-sub='[{"id":6564,"config_id":1727,"qty_minimum":1,"qty_maximum":1,"option_name":"10\u4e2a","option_name_first":"10","pricing":"0.00","qty_stage":1,"show_pricing":"10\u4e2a \u00a50.00\u5143"},{"id":6565,"config_id":1727,"qty_minimum":1,"qty_maximum":1,"option_name":"10\u4e2a","option_name_first":"10","pricing":"1.00","qty_stage":1,"show_pricing":"10\u4e2a \u00a51.00\u5143"}]' class="form-control-range configoption_range float-left mr-2"
								style="width: 100%;" onclick="rangeChange(this)">
								<!--<input type="text" min="1" max="1" value="1" data-sub='[{"id":6564,"config_id":1727,"qty_minimum":1,"qty_maximum":1,"option_name":"10\u4e2a","option_name_first":"10","pricing":"0.00","qty_stage":1,"show_pricing":"10\u4e2a \u00a50.00\u5143"},{"id":6565,"config_id":1727,"qty_minimum":1,"qty_maximum":1,"option_name":"10\u4e2a","option_name_first":"10","pricing":"1.00","qty_stage":1,"show_pricing":"10\u4e2a \u00a51.00\u5143"}]'  class="configoption_range float-left"> -->
								<input type="button" class="btn_sub" value="一" />
								<input id="config1727" data-type="number"
									class="mr-2 col-md-1 form-control form-control-sm configoption_range_val dkinp float-left"
									name="configoption[1727]" onblur="numberKeyup(this)" type="text" min="1"
									max="1" qty_stage="1" value="1" >
								<input type="button" class="btn_add" value="十"/>
								<span style="margin-left: 10px;"></span>
								<!--								<span>个</span>
								-->
								</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="config1728_6566" type="radio"  checked=""  name="configoption[1728]" value="6566"> 机器为测试机器，禁止商用 并且不保证数据，请注意备份（禁止搭建违规违法业务）										</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-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>
																		<label class="btn btn-custom">
										<input type="radio" name="billingcycle" value="annually" >年									</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="ser882084661262"
									 />
								<input class="btn form-control" name="host" type="hidden" value="ser882084661262"
									 />
							</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="Y9zCigyJByCJ" 
								 
								/>
							</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>